Joint session with Vercel: How to build intelligent storefronts (May 15th)

Does Sanity Hydrogen demo test-data install automatically with npm/yarn?

4 repliesLast updated: Nov 29, 2025

Hey everyone! I am about to start using the Sanity Hydrogen demo for the first time... This is all somewhat new to me as I have been using Nuxt/Vue with Sanity for years, but I have looked over the docs and code and it seems pretty approachable lol. Anyway I notice on the Sanity Hydrogen Github it says I can use the
test-data
that is currently available for the demo storefront... Does this happen automatically when I npm/yarn install?
AI Update

No, the test data doesn't automatically populate when you run npm install or yarn install. Looking at the Sanity Hydrogen demo repository, you'll need to take some additional steps to get the demo data set up.

The installation process requires you to:

The npm install command only installs the JavaScript dependencies needed to run the application - it doesn't populate your Sanity dataset with content. The demo storefront at demo-ecommerce.sanity.build is connected to a pre-configured Sanity dataset with demo content, but when you clone the repo locally, you're starting with your own empty dataset that you'll need to populate.

Quick tip coming from Nuxt/Vue: Since you're used to that ecosystem, you'll find Hydrogen's React-based approach pretty straightforward. The demo uses server components and Hydrogen's useQuery hook, which is similar to data fetching patterns you might have used with Nuxt's useFetch or useAsyncData.

If you're looking for test data specifically to get started quickly, you might want to check the repository's issues or discussions to see if there's an export available, or reach out to the Sanity community in their Slack about accessing demo dataset content.

Show original thread
4 replies

Was this answer helpful?

Sanity – Build the way you think, not the way your CMS thinks

Sanity is the developer-first content operating system that gives you complete control. Schema-as-code, GROQ queries, and real-time APIs mean no more workarounds or waiting for deployments. Free to start, scale as you grow.

Related contributions