Cannot reach Hydrogen development server on local machine (localhost:3000) after running npm run dev

Retired Boards Appdev Custom Storefronts
1

Note: I’m on Windows 10, running Ubuntu 24.04 LTS, WSL.

Hi, I’m trying to get started with learning Hydrogen and creating a storefront. I have followed Shopify’s guide here: https://shopify.dev/docs/storefronts/headless/hydrogen/getting-started

I have created a new storefront project directory with:

npm create @shopify/hydrogen@latest -- --quickstart

I then did

npm run dev

to run the development server, which seemingly is running okay, if my command line is anything to go by:

0001.png
0001.png803×518 9.53 KB

However, whenever I try to access the development server at localhost:3000 in my browser (any browser, Chrome, Firefox, all return the same issue), nothing loads and I get a “This site can’t be reached” ERR_CONNECTION_RESET error:

0002.png
0002.png692×443 8.19 KB

This issue is exclusively happening to me with Hydrogen. I haven’t encountered any issues with running local development servers with other applications, e.g. Vite with React, Next.js - those are all working.

If anyone has any ideas about what I can do to resolve this issue, I would appreciate it.

Thanks.

2

Hi Rookiechallengr,

Which version of the Shopify CLI are you running? If there’s a more recent version available, you may want to update to see if this resolves the issue.