A Docker workspace for frontend development using VSCode Server on Alpine Linux containers. It ensures a consistent development process from development to production and provides a uniform environment for frontend developers.
- 🐳 Just Docker—no local dependencies
- 🖥️ VSCode in browser—run and code, no setup
- 🚀 Effortless dev-to-prod workflow—deploy what you build
- ⚡ Consistent environments—no more
it works on my machine
Perfect for fast, reliable, and collaborative frontend development!
You can also include this project as a module in Docker VSCode for Full Stack Development, allowing you to integrate it with the frontend and other related services.
Before using this project, make sure you have Docker CLI version 1.27.0 or higher, with built-in compose support.
git clone https://github.com/VienDinhCom/docker-vscode-frontend.git
The command above clones the project into the docker-vscode-frontend folder. You can navigate to it and check out the scenarios below.
Build the production image and run it.
docker compose -f docker/production.yml up --build
Open http://localhost:3000 to view it in your browser.
Build the development image and run it with the host's UID and GID.
UID=$(id -u) GID=$(id -g) docker compose -f docker/development.yml up --build
Open http://localhost:53000 to develop inside the container with Visual Studio Code directly in your browser.
Install project dependencies.
npm install
Run the app in the development mode.
npm run dev
Open http://localhost:3000/ to view it in your browser.