Our Partner & Developer boards on the community are moving to a brand new home: the .dev community forums! While you can still access past discussions here, for all your future app and storefront building questions, head over to the new forums.

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

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

rookiechallengr
Shopify Partner
1 0 0

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

 

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

 


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.

Reply 1 (1)

Liam
Community Manager
3108 344 904

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.

Liam | Developer Advocate @ Shopify 
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit Shopify.dev or the Shopify Web Design and Development Blog