H
Hydrogen
Hydrogen is Shopify's headless commerce framework designed to help developers build custom storefronts quickly and efficiently.
Our verdict
Who it's for
Shopify’s headless commerce framework engineered for performance and productivity.
Who should look elsewhere
Requires developer expertise in React and Remix
Pros
- +Accelerated development with CLI and pre-built components
- +High performance and fast page loads due to server-side rendering
- +Seamless integration with Shopify's robust commerce features
- +Scalable for international markets with multi-currency and multi-language support
- +Composable design allows integration with any API-driven service
Cons
- −Requires developer expertise in React and Remix
- −Steeper learning curve for those unfamiliar with headless commerce
- −Reliance on Shopify's ecosystem for backend functionality
Key features
- ✓Flexible UI components optimized for commerce
- ✓CLI for quick project setup and scaffolding
- ✓Integration with Shopify Storefront API
- ✓Optimistic UI for instantaneous user actions
- ✓Nested routes for smooth transitions and partial re-rendering
- ✓Server-side rendering for faster page loads and zero time-to-interactive
- ✓Built-in support for Shopify Cart, Markets, Analytics, Shop Pay
- ✓Integration with Search and Discovery, Metaobjects, Pixels
Pricing
| Plan | Price | Billing | Notes |
|---|---|---|---|
| Oxygen | — | month | 300+ points of presence around the globe; hitting 95% of the internet in under 50ms; previews with every commit |