Question 1

What’s the difference between Hydrogen and Headless Shopify?

Accepted Answer

Hydrogen is Shopify's native solution for building headless storefronts, offering a standardized and simplified approach to headless commerce. Unlike traditional headless setups that might involve more complexity and risks due to their open nature, Hydrogen provides a solid foundation with essential features and components pre-built by Shopify. This setup ensures you retain the flexibility of a headless architecture but start with a robust baseline. While using Hydrogen, you have the option to customize, extend, or completely replace components with custom implementation as needed. Think of Hydrogen as the Dawn theme for headless Shopify, designed to streamline the process of creating a headless storefront while maintaining the option for customization and expansion.

Question 2

Will my Shopify apps work with Hydrogen?

Accepted Answer

Not all Shopify apps are guaranteed to work with Hydrogen, but many will. Key apps involved in Shopify’s core business processes, such as subscriptions and pre-orders, are expected to function as usual, allowing for custom layout creation without much trouble. This might even require less effort than modifying pre-built widgets. Major apps typically offer APIs for easy integration with Hydrogen, giving you flexibility in how these integrations are set up. Integration is still often possible for apps without an API. Tools like Klaviyo Forms or Popups can be used on Hydrogen storefronts. App compatibility with Hydrogen can't be answered with a simple yes or no; it varies by app and requires a case-by-case assessment. Consider booking our free consultation to evaluate your current setup for a clearer picture of how your apps will work with Hydrogen.

Question 3

Do I need an external hosting provider for Hydrogen?

Accepted Answer

No, you don't need an external hosting provider for Hydrogen. Shopify has introduced Oxygen as a built-in hosting solution specifically designed for Hydrogen storefronts. This setup is meant to streamline the process, offering a seamless integration within Shopify Plus. However, Shopify's ecosystem is flexible, and if you prefer to host your Hydrogen storefront outside of Shopify, that option remains open to you. Oxygen serves as a convenient and optimized choice, but it's not the only path available for those looking to deploy Hydrogen storefronts

Question 4

What is Shopify’s Oxygen?

Accepted Answer

Shopify Oxygen is a hosting platform specifically designed for Hydrogen storefronts. It allows you to host these storefronts directly on Shopify Plus, making the process more seamless and integrated compared to traditional headless setups that might require third-party hosting services. It also reduces costs related to hosting as Oxygen is included in every plan besides Starter

Question 5

Can I migrate only a part of my Shopify store to Hydrogen?

Accepted Answer

Yes, you can migrate just a portion of your Shopify store to Hydrogen. Shopify offers a flexible approach to adopting Hydrogen, making it an ideal solution for larger storefronts looking to transition quickly or those wishing to migrate only essential sections of their site

Question 6

How does Next.js compare to Hydrogen?

Accepted Answer

Next.js is another well-recognized framework for building headless web applications and storefronts, offering a more general approach compared to Shopify's Hydrogen. This generality allows Next.js to be versatile, fitting a wide range of projects. However, this versatility can introduce additional complexity, especially in projects requiring specific ecommerce functionalities. Hydrogen, on the other hand, is tailored specifically for Shopify storefronts, providing a more streamlined and focused toolkit for ecommerce solutions.

Shopify Hydrogen Development Agency

What is Shopify Hydrogen?

Hydrogen is Shopify’s newest toolkit for building headless storefronts. It simplifies building dynamic and high-performant commerce storefronts with a set of pre-built components, utilities, and best practices for SEO.

What is Oxygen?

Shopify Oxygen is a native hosting solution tailored for Hydrogen storefronts, simplifying the deployment and management of headless sites. Oxygen provides exceptional stability and scalability without the need for third-party hosting.

Why migrate to Hydrogen?

We're Shopify Hydrogen experts.

Over the last 5+ years we made our as shopify headless ageny name creating sites for DTC leaders like Oura Ring, Magda Butrym, Aether, or Lift Foils. Recently we’ve build one of the first Shopify Hydrogen projects for Nour Hammour.

Official Lady Gaga website built with Shopify Hydrogen

Hydrogen Case Study — Nour Hammour

Performance and brand expression are key to engaging high-converting experiences. Commerce-UI consistently delivers on both, striking the perfect balance between functionality and aesthetics.

Our Shopify Hydrogen Development Services

Shopify Hydrogen Consulting

Liquid to Hydrogen migration

Magento/Salesforce Commerce to Hydrogen

Resources

Commerce-UI receives Shopify Build Award for Best Hydrogen Storefront

Shopify Plus Case Study: Nour Hammour Reimagines Online Store and Grows Sales

Inside Commerce: Shopify Hydrogen Headless Solution Pros and Cons with Paul Rogers, and Commerce-UI CTO Michal Klim

Shopify Hydrogen FAQ