Build a storefront around your brand, with Shopify handling products, cart and checkout.
Build the storefront separately. Use the Storefront API for products and cart, and Shopify for checkout.
Connect a content management system if you need separate editing for articles or landing pages. Keep products in Shopify.
Choose how pages load and cache based on content and traffic. Test load times on real devices.
Before connecting product, inventory or customer systems, decide who maintains the data and how to handle failed updates. Explore WESWOO's integration service.
Hydrogen: Shopify’s toolkit for custom storefronts. It handles tasks such as variant selection and cart, and works with different frameworks.
Oxygen: Shopify’s hosting platform for the official React Router starter.
Version note: Hydrogen 2026-10 works with different frameworks. For a legacy project, consult the official migration guide for migration steps.
View API Documentation
Eligible Plus stores already using Multipass can keep it. New stores can’t enable it; new integrations should use a third-party identity provider.
Read the technical guideConnect products and cart to Shopify checkout, then test sign-in and ordering.
Start buildingShopify Payments and sales channel availability depend on your location, business type and account eligibility.
Choose payment methods based on your business location and eligibility.
Use Shop Pay for faster checkout where available.
Use a test order to check that customers can pay.
Connect online and in-store inventory.
Connect social or marketplace channels based on market and account eligibility.
Check store inventory, then test online and in-person orders.
Send low-stock alerts or tag orders automatically.
Customize discounts, payment or delivery rules within your plan and app limits.
Check triggers and exceptions in a test environment.
Choose a framework your team can maintain.
A React framework for server-rendered and prebuilt pages.
Plan rendering, caching and hosting. Search visibility depends on content and implementation.
An option for teams already using React.
Start with a React Router or Next.js starter, or add Hydrogen to an existing framework.
Use Shopify's commerce tooling for product data, cart interactions, and checkout handoff.
Check your framework, hosting and maintenance needs before choosing a setup.
Use Vue to build a custom storefront.
Check rendering, data access and deployment before connecting Shopify.
Start here if your team already works with Vue.
An option for content-led sites that need interaction on some pages.
Plan client-side interactions and keep commerce data up to date.
Test products, cart and checkout before choosing it.
Consider Gatsby if you already run a Gatsby or content-heavy React site.
Check maintenance, integrations and build requirements.
Check product updates and content previews.
Build a custom storefront with Svelte.
Svelte compiles components; connect to Shopify with a client of your choice, such as Apollo.
An option if your team knows Svelte and can maintain it.
Plan hosting, caching and monitoring before launch.
Test checkout and how failures are handled before publishing the live store.
Plan a new Hydrogen storefront or review an existing build for an upgrade or handover. Start with the current code and the shopping journeys you need to keep working.
package.json, plus the Node.js version or other runtime. Flag any legacy Remix dependencies.Agree the checks for redirects, search metadata and the shopping path in preview, and record how to roll back the release. Scope support separately from the build. Confirm who will track Storefront and Customer Account API versions, check rendering and caching, and investigate API errors after launch.
Open the Hydrogen upgrade checklist or compare build and running costs.
View WESWOO’s Shopify Partner Directory profile.
Discuss your Hydrogen projectShopify headless keeps Shopify as the commerce backend while a custom frontend presents the storefront. Your frontend connects to Shopify APIs for commerce data and customer journeys, with checkout handed off to Shopify.
Consider headless when your storefront experience, content workflows or system connections are difficult to deliver with the existing theme and apps. The decision also depends on account requirements, target markets and the resources available to maintain the frontend and integrations after launch.
Explore the TERMINO Framer and Shopify Storefront API case study for an implementation covering product configuration, enquiry and showroom entry points.
Review the constraints before choosing a custom frontend
Ask a Shopify ExpertLoad speed optimization
Review third-party scripts and their loading cost
Theme architecture
Liquid-theme JSON templates or section groups can render up to 25 sections; assess a custom frontend against its own architecture.
Interaction design
Balance animation, usability, and page performance
Assess both the customer journey and ongoing maintenance. Use these items to discuss project scope and acceptance evidence; agreed deliverables depend on the project.
TERMINO case studyMobile testing guideDevelopment and integration guideDiscuss your project