Do I need Shopify Plus to use Weaverse?

No! While many of our customers are on Plus, Weaverse works with any Shopify plan that supports the Hydrogen or Headless sales channel. We have plans tailored for solo developers, agencies, and enterprise brands.

How does Weaverse differ from Sanity or Contentful?

Weaverse is built specifically for Shopify Hydrogen, on React Router or Next.js. Unlike general-purpose headless CMSs, we integrate natively with Shopify's data structure (metafields, metaobjects) and provide a visual editor that mirrors the Shopify Theme Editor experience developers are used to.

Can I use my existing Hydrogen project?

Absolutely. Weaverse is designed as an SDK that you can install into any existing Hydrogen storefront, on React Router or Next.js. You can incrementally adopt Weaverse for specific sections or pages without rewriting your entire storefront.

Does Weaverse work with Next.js?

Yes. @weaverse/next is the Weaverse adapter for the Next.js App Router, stable since 1.0. It renders Weaverse pages with server-side section loaders, connects them to Studio for visual editing, and supports theme settings, markets and translations. Your component schemas work the same way as with @weaverse/hydrogen on React Router. Start from Forward, our open-source Next.js starter, or follow the Next.js guide in our docs.

Does this affect my site's performance?

We prioritize performance. Our SDK is lightweight, and content is served via global edge networks. We don't inject heavy client-side scripts that bog down your TTI (Time to Interactive). Your Hydrogen app remains server-side rendered and blazing fast.

Is it compatible with the latest Hydrogen updates?

Yes, we maintain strict compatibility with the latest Shopify Hydrogen releases. Our team updates our SDKs and starter themes within days of major Shopify updates to ensure you never fall behind.

Hydrogen Latest Ready

Headless CMS
for Shopify
Hydrogen.

Slash development time with production-ready themes and a visual editor for Hydrogen storefronts on React Router or Next.js. Give merchants control without breaking your git workflows.

$ npx @weaverse/cli@latest create --template pilot

Get Started View Live Demo

By experienced developers, for enterprise builders.

Built on a proven stack

Shopify
Hydrogen
Next.js
React
TypeScript
TailwindCSS
RadixUI
Fly.io
PlanetScale
Cloudflare
GitHub
Claude
OpenAI

Features

One editor for every page, market and launch

Marketing builds, schedules, translates and optimizes pages without waiting on a deploy. Developers set up in minutes and ship content anywhere through the API.

Developers define each section’s settings in code. Marketing edits text, products, layout and style in Studio, with a live preview.

app/sections/featured-collections.tsx

import { createSchema } from '@weaverse/hydrogen'

// Declare everything your team should be able to change.
// Each input below becomes a control in Weaverse Studio,
// so content and layout edits never need a code change.
export let schema = createSchema({
  type: 'featured-collections',
  title: 'Featured collections',
  settings: [
    {
      group: 'Content',
      inputs: [
        { type: 'text', name: 'heading', label: 'Heading' },
        { type: 'collection-list', name: 'collections', label: 'Collections' },
      ],
    },
    {
      group: 'Layout',
      inputs: [
        {
          type: 'toggle-group',
          name: 'columns',
          label: 'Items per row',
          configs: {
            options: [
              { value: '2', label: '2' },
              { value: '3', label: '3' },
              { value: '4', label: '4' },
            ],
          },
        },
        {
          type: 'range',
          name: 'gap',
          label: 'Items spacing',
          configs: { min: 0, max: 48, step: 4, unit: 'px' },
        },
        { type: 'switch', name: 'showViewAll', label: 'Show "View all" link' },
      ],
    },
    {
      group: 'Style',
      inputs: [
        {
          type: 'select',
          name: 'imageRatio',
          label: 'Image aspect ratio',
          configs: {
            options: [
              { value: '1/1', label: 'Square (1:1)' },
              { value: '3/4', label: 'Portrait (3:4)' },
            ],
          },
        },
        { type: 'color', name: 'background', label: 'Background' },
      ],
    },
  ],
})

Featured collections

Heading

Collections

2 collections selected

Items per row

Items spacing

24px

Show "View all" link

Image aspect ratio

Background

#F6F1E9

Explore no-code editing

Save a section once and reuse it on any page. Edit it in one place, publish, and every page that uses it updates.
Newsletter
NewsletterGlobal
Used on 3 pages
Heading
Get 10% off your first order
Home
ACME
Get 10% off your first order
Email addressSubscribe
Product
ACME
Get 10% off your first order
Email addressSubscribe
Blog post
ACME
Get 10% off your first order
Email addressSubscribe
Read the global sections docs
Schedule page and theme updates for a set date and time. Launches go live on their own, with no one up at midnight.
Scheduled pages
Nov 26, 23:59:55
Scheduled pages
PageScheduled forStatus
Home page
Black Friday sale
Nov 27, 00:00Scheduled
Blue oxford shirt
Sale price
Nov 27, 00:00Scheduled
Theme settings
Holiday colors
Dec 1, 00:00Scheduled
ACME
New seasonLayers for cooler daysOrganic cotton basics, cut loose and built to last.Shop the collection
Blue oxford shirt
$49.00
Explore scheduled publishing
Translate every page per locale with Auto-Translate, while Shopify Markets handles currency and prices.
shop.acme.example
ACME
Summer 2026Made for warm daysOrganic cotton basics, cut loose and built to last.Shop the collection
Blue oxford shirt
$49.00
Linen shorts
$42.00
Explore localization
Edit titles, descriptions, social cards and robots settings per page, and preview them on Google, Facebook and X before you publish.
SEO · shop.acme.example
Settings
Basic
Title42/70
ACME | Organic cotton basics for warm days
Description124/320
Shop organic cotton shirts, linen shorts and everyday basics, cut loose and built to last. Free shipping on orders over $75.
Robots
Tells crawlers whether they may index this page and follow its links.
Allow indexing
When off, page receives a noindex directive.
Follow links
When off, links on this page receive a nofollow directive.
Open Graph
OG Title0/90
Falls back to Title if empty
Preview
Google
https://shop.acme.example
ACME | Organic cotton basics for warm days
Shop organic cotton shirts, linen shorts and everyday basics, cut loose and built to last. Free shipping on orders over $75.
Facebook / Open Graph
ACME
shop.acme.example
ACME | Organic cotton basics for warm daysfrom Title
X (Twitter)
ACME
shop.acme.example
ACME | Organic cotton basics for warm daysfrom Title
Shop organic cotton shirts, linen shorts and everyday basics, cut loose and built to last. Free shipping on orders over $75.
Explore seo management
One command scaffolds a Hydrogen storefront from Pilot, or hand the setup prompt to your coding agent.
zsh — my-hydrogen-storefront
> npx @weaverse/cli@latest create --template=pilot --project-id=chwyxxfopshrfizfdk1fyqxh --project-name=my-hydrogen-storefront
⏳ Starting project creation...
Template details:
- Name: pilot
- Description: A fully-featured Hydrogen theme crafted to help you launch high-performing headless storefronts in minutes.
- Source: https://github.com/Weaverse/pilot
✔ Template downloaded and extracted successfully
✔ Environment variables configured (.env file created with WEAVERSE_PROJECT_ID, SESSION_SECRET)
✔ Dependencies installed successfully (npm packages: react-router, @weaverse/hydrogen, @shopify/hydrogen)
✨ Project created successfully in ./my-hydrogen-storefront
Next steps:
1. Navigate to your project: cd my-hydrogen-storefront
2. Pull your Shopify environment variables: npx shopify hydrogen env pull
3. Start the development server: npm run dev
4. Open http://localhost:3456 in your browser to see your storefront
? Would you like to start the development server now? Yes
🔥 Starting development server...
> @weaverse/pilot@latest dev
> react-router typegen && shopify hydrogen dev --codegen --port 3456
Environment variables injected into MiniOxygen:
SHOP_ID from local .env
SESSION_SECRET from local .env
PUBLIC_STORE_DOMAIN from local .env
PUBLIC_STOREFRONT_ID from local .env
PUBLIC_STOREFRONT_API_TOKEN from local .env
WEAVERSE_PROJECT_ID from local .env
Read the quickstart
Read pages and theme settings as JSON or Portable Text, and schedule publishes, from any frontend.
Content API
/api/v1/content/projects/clz7prj0a1b2c3d4e5f6g7h8/pages/PRODUCT/blue-shirt
{
"object": "page",
"id": "clz5wxy12abc345defg",
"type": "PRODUCT",
"handle": "blue-shirt",
"locale": "en-us",
"updatedAt": "2026-03-20T10:30:00.000Z",
"meta": {
"inherited": false,
"sourceProjectId": "clz7prj0a1b2c3d4e5f6g7h8",
"depth": 0
},
"seo": {
"title": "Blue Shirt | Summer 2026",
"description": "Lightweight organic cotton, cut for warm days."
},
"items": [
{
"id": "01950b17a8e2",
"type": "hero-banner",
"data": {
"backgroundImage": "https://cdn.shopify.com/hero.jpg",
"overlayOpacity": 40
},
Read the Content API docs

app/sections/featured-collections.tsx

import { createSchema } from '@weaverse/hydrogen'

// Declare everything your team should be able to change.
// Each input below becomes a control in Weaverse Studio,
// so content and layout edits never need a code change.
export let schema = createSchema({
  type: 'featured-collections',
  title: 'Featured collections',
  settings: [
    {
      group: 'Content',
      inputs: [
        { type: 'text', name: 'heading', label: 'Heading' },
        { type: 'collection-list', name: 'collections', label: 'Collections' },
      ],
    },
    {
      group: 'Layout',
      inputs: [
        {
          type: 'toggle-group',
          name: 'columns',
          label: 'Items per row',
          configs: {
            options: [
              { value: '2', label: '2' },
              { value: '3', label: '3' },
              { value: '4', label: '4' },
            ],
          },
        },
        {
          type: 'range',
          name: 'gap',
          label: 'Items spacing',
          configs: { min: 0, max: 48, step: 4, unit: 'px' },
        },
        { type: 'switch', name: 'showViewAll', label: 'Show "View all" link' },
      ],
    },
    {
      group: 'Style',
      inputs: [
        {
          type: 'select',
          name: 'imageRatio',
          label: 'Image aspect ratio',
          configs: {
            options: [
              { value: '1/1', label: 'Square (1:1)' },
              { value: '3/4', label: 'Portrait (3:4)' },
            ],
          },
        },
        { type: 'color', name: 'background', label: 'Background' },
      ],
    },
  ],
})

Featured collections

Heading

Collections

2 collections selected

Items per row

Items spacing

24px

Show "View all" link

Image aspect ratio

Background

#F6F1E9

Newsletter

NewsletterGlobal

Used on 3 pages

Heading

Get 10% off your first order

Home

ACME

Get 10% off your first order

Email addressSubscribe

Product

ACME

Get 10% off your first order

Email addressSubscribe

Blog post

ACME

Get 10% off your first order

Email addressSubscribe

Scheduled pages

Nov 26, 23:59:55

Scheduled pages

PageScheduled forStatus

Home page

Black Friday sale

Nov 27, 00:00Scheduled

Blue oxford shirt

Sale price

Nov 27, 00:00Scheduled

Theme settings

Holiday colors

Dec 1, 00:00Scheduled

ACME

New seasonLayers for cooler daysOrganic cotton basics, cut loose and built to last.Shop the collection

Blue oxford shirt

$49.00

shop.acme.example

ACME

Summer 2026Made for warm daysOrganic cotton basics, cut loose and built to last.Shop the collection

Blue oxford shirt

$49.00

Linen shorts

$42.00

SEO · shop.acme.example

Settings

Basic

Title42/70

ACME | Organic cotton basics for warm days

Description124/320

Shop organic cotton shirts, linen shorts and everyday basics, cut loose and built to last. Free shipping on orders over $75.

Robots

Tells crawlers whether they may index this page and follow its links.

Allow indexing

When off, page receives a noindex directive.

Follow links

When off, links on this page receive a nofollow directive.

Open Graph

OG Title0/90

Falls back to Title if empty

Preview

Google

https://shop.acme.example

ACME | Organic cotton basics for warm days

Shop organic cotton shirts, linen shorts and everyday basics, cut loose and built to last. Free shipping on orders over $75.

Facebook / Open Graph

ACME

shop.acme.example

ACME | Organic cotton basics for warm daysfrom Title

X (Twitter)

ACME

shop.acme.example

ACME | Organic cotton basics for warm daysfrom Title

Shop organic cotton shirts, linen shorts and everyday basics, cut loose and built to last. Free shipping on orders over $75.

zsh — my-hydrogen-storefront

> npx @weaverse/cli@latest create --template=pilot --project-id=chwyxxfopshrfizfdk1fyqxh --project-name=my-hydrogen-storefront

⏳ Starting project creation...

Template details:

- Name: pilot

- Description: A fully-featured Hydrogen theme crafted to help you launch high-performing headless storefronts in minutes.

- Source: https://github.com/Weaverse/pilot

✔ Template downloaded and extracted successfully

✔ Environment variables configured (.env file created with WEAVERSE_PROJECT_ID, SESSION_SECRET)

✔ Dependencies installed successfully (npm packages: react-router, @weaverse/hydrogen, @shopify/hydrogen)

✨ Project created successfully in ./my-hydrogen-storefront

Next steps:

1. Navigate to your project: cd my-hydrogen-storefront

2. Pull your Shopify environment variables: npx shopify hydrogen env pull

3. Start the development server: npm run dev

4. Open http://localhost:3456 in your browser to see your storefront

? Would you like to start the development server now? Yes

🔥 Starting development server...

> @weaverse/pilot@latest dev

> react-router typegen && shopify hydrogen dev --codegen --port 3456

Environment variables injected into MiniOxygen:

SHOP_ID from local .env

SESSION_SECRET from local .env

PUBLIC_STORE_DOMAIN from local .env

PUBLIC_STOREFRONT_ID from local .env

PUBLIC_STOREFRONT_API_TOKEN from local .env

WEAVERSE_PROJECT_ID from local .env

Content API

/api/v1/content/projects/clz7prj0a1b2c3d4e5f6g7h8/pages/PRODUCT/blue-shirt

{

"object": "page",

"id": "clz5wxy12abc345defg",

"type": "PRODUCT",

"handle": "blue-shirt",

"locale": "en-us",

"updatedAt": "2026-03-20T10:30:00.000Z",

"meta": {

"inherited": false,

"sourceProjectId": "clz7prj0a1b2c3d4e5f6g7h8",

"depth": 0

"seo": {

"title": "Blue Shirt | Summer 2026",

"description": "Lightweight organic cotton, cut for warm days."

"items": [

{

"id": "01950b17a8e2",

"type": "hero-banner",

"data": {

"backgroundImage": "https://cdn.shopify.com/hero.jpg",

"overlayOpacity": 40

Explore no-code editing

Built with Weaverse

Trusted by high-volume
Shopify Plus merchants.

See how leading brands use Weaverse to build unique, high-performance storefronts that scale.

theoutnet.com

The Outnet

Luxury designer fashion from 350+ brands at outlet prices.

coutr.com

Coutr

Luxury fashion marketplace bringing designer labels within reach.

westside.com

Westside

One of India's leading fashion retailers, dressing men, women and kids.

bubblegoods.com

Bubble Goods

Marketplace for 2,000+ healthy food products from independent U.S. makers.

store.roland.com.br

Roland (Brazil)

The legendary electronic musical instruments brand's D2C store for Brazil.

thegivingmovement.com

The Giving Movement

Sustainable activewear and streetwear brand born in Dubai.

Explore all showcases

Loved by developers.

See why developers and agencies are choosing Weaverse to build headless Shopify stores faster and easier.

Micky M.

Owner, Joylery Silver

Weaverse Makes Headless Accessible

"We struggled with site speed and as an ex-developer, I wanted to go headless but with only one in-house developer, it seemed impossible. Weaverse really made going headless a lot more accessible."

Harry H.

Sr Designers, Brand42

Without Weaverse, we feel like Hydrogen was in beta

"Without Weaverse, we feel like Hydrogen was in beta!"

Jev S.

Front End Lead, Brand42

Experience the Power of Weaverse

"We've experienced major improvements in efficiency and productivity with Weaverse. The Pilot theme provided an excellent foundation for developing our Hydrogen theme, which saved us valuable time and effort!"

Glen P.

Founder, eCom Graduates

Shopify Headless Game Changer

"I run a Shopify development agency and this is the kind of tool I've been looking for. Clients do not understand why headless is rather expensive to build but having a tool/option like this is a game changer."

The Giving Movement

thegivingmovement.com

Great support, the only CMS that works well with Hydrogen projects!

"The theme editor is easy to use and feels faster than the liquid editor. adding / extending components is super easy. They continuously improve their product and really listen to customer feedbacks! Highly Recommend."

Leonardo G.

Solo developer

Hydrogen Shift Eases for Solo Dev

"As a solo dev with a small Shopify shop, this is something interesting to hear about. I'm migrating from a GatsbyJS headless to Hydrogen solution, and Weaverse makes it a lot easier because I want to avoid hydrogen-react with NextJS!"

Kenneth G.

Frontend Developer, DevInside Agency

Hydrogen Editor Mirrors Shopify

"We already love the Shopify theme editor, so having something similar for Hydrogen is so cool because now we can get hydrogen storefront setup similar to a liquid store."

Tom H.

Owner, On The Road UK

Intuitive Tool with Big Plus

"I love how intuitive the tool is. It looks very promising for my potential clients, and being able to easily use meta objects with this is a big plus."

Echtheitscheck

Developer

Problem solved perfectly

"Problem vom Team perfekt gelöst. App funktioniert jetzt wunderbar und ist gut einzusetzen. Vielen Dank dafür."

Instant Storefront Architect

Don't know how to structure your content? Just describe it, and our AI Assistant will generate a complete structure for you to start with.

Describe your idea:

Learn more about Weaverse AI

generated-component.tsx

Enter a description and hit generate to see the magic.

Zero-Friction Adoption.

Integrate Weaverse into your existing Hydrogen storefront in less than 5 minutes. No complex migrations—just install the SDK and start building visually.

Install `@weaverse/hydrogen` and connect to Weaverse by adding your environment variables.

Read the full integration guide Using Next.js? Read the Next.js quickstart

# These variables are only available locally in MiniOxygen
SESSION_SECRET='a-very-secure-random-string'

SHOP_ID=your-shop-id
PUBLIC_STOREFRONT_API_TOKEN='your-token'
PUBLIC_STORE_DOMAIN='your-store.myshopify.com'
PUBLIC_CHECKOUT_DOMAIN='your-store.myshopify.com'

# Add Weaverse credentials
WEAVERSE_PROJECT_ID='your-project-id'
WEAVERSE_API_KEY='your-api-key'

bash

UTF-8

Need a senior Hydrogen team?

Weaverse builds Shopify Hydrogen storefronts, with scope, delivery and launch support agreed in a written statement of work.

Trust & security Our services

Not sure what you need? Contact our team

Pull-request workflow
Written statement of work
Launch support by agreement

Frequently Asked Questions

Everything you need to know about Weaverse and Hydrogen.

Still considering?

Don't just take our word for it

Ask the AI assistants you trust. They know about Weaverse, our features, and how we compare. Get an unbiased perspective.

Ask ChatGPT

Ask Claude

Ask Perplexity

*Each link opens a new conversation with your question pre-filled

Ready to go headless
without the headache?

Join the growing network of agencies and brands redefining their digital presence.

Start for Free Book a Demo

Join our community. See how others are using Weaverse.

Headless CMS
for Shopify
Hydrogen.

Built on a proven stack

One editor for every page, market and launch

Trusted by high-volume
Shopify Plus merchants.

The Outnet

Coutr

Westside

Bubble Goods

Roland (Brazil)

The Giving Movement

Loved by developers.

Micky M.

Weaverse Makes Headless Accessible

Harry H.

Without Weaverse, we feel like Hydrogen was in beta

Jev S.

Experience the Power of Weaverse

Glen P.

Shopify Headless Game Changer

The Giving Movement

Great support, the only CMS that works well with Hydrogen projects!

Leonardo G.

Hydrogen Shift Eases for Solo Dev

Kenneth G.

Hydrogen Editor Mirrors Shopify

Tom H.

Intuitive Tool with Big Plus

Echtheitscheck

Problem solved perfectly

Instant Storefront Architect

Zero-Friction Adoption.

Set up environment

Initialize client

Define Weaverse content

Render your pages

Need a senior Hydrogen team?

Frequently Asked Questions

Don't just take our word for it

Ready to go headless
without the headache?

Headless CMSfor ShopifyHydrogen.

Built on a proven stack

One editor for every page, market and launch

Content

Layout

Style

Content

Layout

Style

Trusted by high-volume Shopify Plus merchants.

The Outnet

Coutr

Westside

Bubble Goods

Roland (Brazil)

The Giving Movement

Loved by developers.

Micky M.

Weaverse Makes Headless Accessible

Harry H.

Without Weaverse, we feel like Hydrogen was in beta

Jev S.

Experience the Power of Weaverse

Glen P.

Shopify Headless Game Changer

The Giving Movement

Great support, the only CMS that works well with Hydrogen projects!

Leonardo G.

Hydrogen Shift Eases for Solo Dev

Kenneth G.

Hydrogen Editor Mirrors Shopify

Tom H.

Intuitive Tool with Big Plus

Echtheitscheck

Problem solved perfectly

Instant Storefront Architect

Zero-Friction Adoption.

1Set up environment

Set up environment

2Initialize client

Initialize client

3Define Weaverse content

Define Weaverse content

4Render your pages

Render your pages

Need a senior Hydrogen team?

Frequently Asked Questions

Do I need Shopify Plus to use Weaverse?

How does Weaverse differ from Sanity or Contentful?

Can I use my existing Hydrogen project?

Does Weaverse work with Next.js?

Does this affect my site's performance?

Is it compatible with the latest Hydrogen updates?

Don't just take our word for it

Ready to go headless without the headache?

Headless CMS
for Shopify
Hydrogen.

Trusted by high-volume
Shopify Plus merchants.

Ready to go headless
without the headache?