Hydrogen & Oxygen

Build and host custom, high-performance Shopify storefronts with a headless JavaScript stack.

by Shopify · E-commerce Platform

Executive Summary

Hydrogen is Shopify's open-source, headless JavaScript framework built on React, designed for developers to create custom, high-performance e-commerce storefronts. It empowers merchants to deliver unique, branded shopping experiences by providing full control over the frontend, leveraging modern web technologies for speed and flexibility. Oxygen is Shopify's integrated, managed hosting solution specifically optimized for Hydrogen applications. It provides a serverless environment that ensures scalability, reliability, and global performance for custom storefronts, allowing developers to focus on building without worrying about infrastructure management. Together, Hydrogen and Oxygen offer a powerful platform for extending Shopify's core commerce capabilities with highly customized and performant online stores.

Use Cases

  • Developing unique, branded e-commerce storefronts with complete design freedom.
  • Creating high-performance, SEO-optimized online stores for improved customer experience.
  • Implementing complex custom business logic and integrations directly into the frontend.
  • Extending Shopify's core functionality with specialized features like 'ship from store'.
  • Building mobile-first or progressive web applications (PWAs) for commerce.

Features

Visibility

  • Custom Storefront UI: Developers have full control over the design, layout, and user experience of the online store.

Support

  • Comprehensive Developer Documentation: Extensive guides, API references, and tutorials available on Shopify.dev for building with Hydrogen and Shopify APIs.
  • Developer Community Support: Access to forums and community resources for assistance and collaboration.

Technical Specifications

Architecture
Headless JavaScript stack built on React, leveraging Shopify's GraphQL Storefront API and Admin API for data interaction, hosted on Shopify's serverless Oxygen platform.
Deployment
Self-Hosted (Hydrogen) or Managed Hosting (Oxygen)
Authentication
OAuth/OIDC
API Available
Yes

Security & Compliance

Encryption: Data encrypted in transit and at rest within Shopify's managed hosting environment.

Pricing

Model
Open-source (Hydrogen) with managed hosting fees (Oxygen)
Starting Price
Contact sales
Target Customer
Mid-Market,Enterprise
Free Trial
Yes, Unlimited (no credit card required)

About Shopify

Shopify is a Canadian multinational e-commerce company that provides an all-in-one commerce platform for businesses to start, run, and grow. It offers essential internet infrastructure for commerce, enabling merchants to sell online, in-store, and across various channels.

Founded: 2006 · Headquarters: Ottawa, Ontario, Canada · Employees: 1000+ · Public