Hydrogen Ecommerce

A Next.js and App Router-ready Shopify storefront template featuring:

• Next.js App Router
• Optimized for SEO using Next.js's Metadata
• React Server Components (RSCs) and Suspense
• Server Actions for mutations
• Edge Runtime
• New fetching and caching paradigms
• Dynamic OG images
• Styling with Tailwind CSS
• Checkout and payments with Shopify
• Automatic light/dark mode based on system settings

Running locally

You will need to use the environment variables defined in .env.example to run Hydrogen Ecommerce.

Note: You should not commit your .env file or it will expose secrets that will allow others to control your Shopify store.

yarn
yarn dev

Your app should now be running on localhost:3000.