Note: This app is only available to Shopify Plus customers.
Build personalized, web-based shopping experiences using the Shopify-powered framework for custom storefronts. Deliver performant, personalized experiences no matter where your customers are with Hydrogen.
Quick-start, build-fast environment
- The Demo Store template includes a full purchase journey, from category and product pages to checkout, so you can see products in context and start designing your experience faster.
- Ready-to-use components like Cart, Image, and Metafields map directly to the Storefront API, supporting accelerated development and optimized performance.
- React Server Components and streaming server-side rendering with Suspense support dynamic yet personalized experiences.
Efficient developer workflow
- The no-bundle, ESM build tool and development server powered by Vite are fast and extensible.
- Use the brand-new Shopify CLI to quickly initialize new projects, run your local development server, manage integrations, and more.
- Built-in linting catches common problems automatically, helping you code cleaner.
*Designed to be strongly typed, Hydrogen supports TypeScript and IntelliSense, so writing code is more intuitive with less errors.
- Simplify and accelerate styling with the built-in Tailwind CSS library, or swap it out for PostCSS or CSS-in-JS libraries like Styled Components, Linaria, and Vanilla Extract.
- Compatible with hosting solutions like Vercel and Cloudflare Workers and content management systems like Sanity, Hydrogen works with the tools you already know.