Saleor-Storefront does not show up on localhost:3000. Looks like storefront port is not bound to port 3000.

[haneef-photon]

In MacOS, I am unable to access saleor storefront on localhost:3000. I do not see any errors when after following the installation steps but the storefront container is binding to port 3000. These are my current checked out branches for saleor-platform:

This is how the container setup looks like. Please note that the saleor-platform-storefront-1 does not have the port bound to 3000:

This is how the docker-compose.yml file looks like in saleor-platform folder:

This is how the console output looks like after successful compilation:

Does anyone has an idea, what is going wrong here?

This the console dump: saleor-platform-storefront-1 | saleor-platform-storefront-1 | > saleor-site@3.0.0-a.5 start /app saleor-platform-storefront-1 | > next dev -p 3000 saleor-platform-storefront-1 | saleor-platform-storefront-1 | ready - started server on 0.0.0.0:3000, url: http://localhost:3000 saleor-platform-storefront-1 | info - Loaded env from /app/.env.development saleor-platform-storefront-1 | info - Loaded env from /app/.env saleor-platform-storefront-1 | warn - React 17.0.1 or newer will be required to leverage all of the upcoming features in Next.js 11. Read more: https://nextjs.org/docs/messages/react-version saleor-platform-dashboard-1 | saleor-platform-dashboard-1 | > saleor-dashboard@3.0.0-b.26 start /app saleor-platform-dashboard-1 | > webpack-dev-server -d "--host" "0.0.0.0" saleor-platform-dashboard-1 | saleor-platform-storefront-1 | info - Using webpack 4. Reason: future.webpack5 option disabled https://nextjs.org/docs/messages/webpack5 saleor-platform-dashboard-1 | Starting type checking service... saleor-platform-dashboard-1 | Using 1 worker with 2048MB memory limit saleor-platform-dashboard-1 | ℹ ｢wds｣: Project is running at http://0.0.0.0:9000/ saleor-platform-dashboard-1 | ℹ ｢wds｣: webpack output is served from / saleor-platform-dashboard-1 | ℹ ｢wds｣: Content not from webpack is served from /app/build/dashboard/ saleor-platform-dashboard-1 | ℹ ｢wds｣: 404s will fallback to /index.html saleor-platform-storefront-1 | Defining routes from exportPathMap saleor-platform-dashboard-1 | Browserslist: caniuse-lite is outdated. Please run: saleor-platform-dashboard-1 | npx browserslist@latest --update-db saleor-platform-dashboard-1 | saleor-platform-dashboard-1 | Why you should do it regularly: saleor-platform-dashboard-1 | https://github.com/browserslist/browserslist#browsers-data-updating saleor-platform-storefront-1 | Warning: Reverting webpack devtool to 'eval-source-map'. saleor-platform-storefront-1 | Changing the webpack devtool in development mode will cause severe performance regressions. saleor-platform-storefront-1 | Read more: https://nextjs.org/docs/messages/improper-devtool saleor-platform-storefront-1 | Warning: Built-in CSS support is being disabled due to custom CSS configuration being detected. saleor-platform-storefront-1 | See here for more info: https://nextjs.org/docs/messages/built-in-css-disabled saleor-platform-storefront-1 | saleor-platform-storefront-1 | info - Using external babel configuration from /app/babel.config.js saleor-platform-api-1 | INFO django.utils.autoreload Watching for file changes with StatReloader [PID:24:MainThread] saleor-platform-api-1 | Performing system checks...

[haneef-photon]

If I update the docker-compose.yml file with the following, the URL localhost:3000 is accessible but errors out:

I get the error below:

[haneef-photon]

I realized that saleor-storefront repo is deprecated in favor of saleor-react-storefront and also the fact that I am able to setup the store separately from the docker installation and work with the core and dashboard without issues.