Atelier Hydrogen is a headless hydrogen storefront. This guide covers what is included, what you need, and how to get started.

What is included with Atelier Hydrogen?

  • Source files
  • Documentation
  • Demo content
  • License key

What are the key features?

  • Shopify Hydrogen
  • Oxygen deploy ready
  • Page transitions
  • SEO ready

What does Atelier Hydrogen work with?

  • Framework: Hydrogen (React)
  • Hosting: Oxygen / Vercel
  • Shopify plans: All
  • Responsive: Yes
  • Docs: Online

How do you set up Atelier Hydrogen?

  1. Download the project from your account and unzip it.
  2. Install the dependencies with your package manager.
  3. Add your Shopify store details to the environment settings, as described in the setup guide in the download.
  4. Start the development server, check the storefront, then deploy it to your hosting.

Where do you get help with Atelier Hydrogen?

Read the product page for the changelog and FAQ, check your license key, or contact support.