fix: Pr local dev docker

[SauravChanda]

fixes #5218

Overview

The dev container Dockerfile was failing, this PR fixes that

What is it?

• Feature / enhancement
• Bug
• Docs / tests / types / typos

Description

The nightly version of Rust in the Dockerfile was causing some of the cargo install to fail, also the Dockerfile was set such that pnpm store and node_modules was getting created in the same directory, hence pnpm install was failing in the Dockerfile.

The fix was to update the Rust version to LTS and setting the directory for pnpm store in Dockerfile.

Use cases and why

Now the dev container vscode plugin as well as manual docker dev env setup will run successfully.

Checklist:

• My code follows the developer guidelines of this project
• I have performed a self-review of my own code
• I have made corresponding changes to the documentation
• Added new tests to cover the fix / functionality

[netlify]

👷 Deploy request for qwik-insights pending review.

Visit the deploys page to approve it

Name	Link
🔨 Latest commit	5d43416

[gioboa]

Thanks for your contribution 💪

[zanettin]

Hi @SauravChanda 👋
Thanks a lot having a look at this issue 🙏 just checked it locally and in combination with orbstack on my mac and it works as expected 🎉 leave it open for a bit so others have time to check it as well on other OS / docker clients

[zoltanszogyenyi]

I've tested this and works and the server now starts, but the port number doesn't seem to work.

Basically, if I open http://localhost:3300/ I get "site can't be reached error":

My system info is:

System:
    OS: macOS 13.4.1
    CPU: (12) x64 Intel(R) Core(TM) i5-10600 CPU @ 3.30GHz
    Memory: 25.77 GB / 72.00 GB
    Shell: 5.9 - /bin/zsh
  Binaries:
    Node: 18.13.0 - ~/.nvm/versions/node/v18.13.0/bin/node
    Yarn: 1.22.19 - ~/.nvm/versions/node/v18.13.0/bin/yarn
    npm: 8.19.3 - ~/.nvm/versions/node/v18.13.0/bin/npm
  Browsers:
    Chrome: 116.0.5845.187
    Firefox: 115.0.2
    Safari: 16.5.2

[zanettin]

That's interesting and thx a lot for testing it with docker desktop @zoltanszogyenyi 🙏 on my end it opens the app on port 3000 using orbstack and i also don't see any port forwarding active on that image. @SauravChanda any chance u can have a look at this issue or try to reproduce it?

[SauravChanda]

Sure @zanettin

[SauravChanda]

@zoltanszogyenyi I think I know what is the problem here, the docker container was made with vs code dev container in mind ( hence just providing the environment but not running any commands ), that's why I didn't add the pnpm install and pnpm serve at the end.

According to the documentation you can access the container using:

docker run --rm -d --name qwik-container 
-p 3300:3300 -p 9229:9299 
-v $PWD:/home/circleci/project -t qwik-container

and run the following to start the servers:

pnpm install
pnpm serve

Or use vs code dev container extension, which opens a separate window with the container running.

In your case since the servers are not running hence even after mapping the ports its not showing anything in the browser

[zanettin]

gonna merge this now. thanks again @SauravChanda for your contribution! 🙏