https://github.com/aleksei-michnik/boilerplate-docker-nestjs-react-vite-dev
Docker development setup with pre-installed Vite, React, NestJS
https://github.com/aleksei-michnik/boilerplate-docker-nestjs-react-vite-dev
api docker docker-compose nestjs react vite
Last synced: 3 months ago
JSON representation
Docker development setup with pre-installed Vite, React, NestJS
- Host: GitHub
- URL: https://github.com/aleksei-michnik/boilerplate-docker-nestjs-react-vite-dev
- Owner: Aleksei-Michnik
- Created: 2025-01-31T22:49:21.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-02-01T00:30:55.000Z (over 1 year ago)
- Last Synced: 2025-05-16T16:11:42.441Z (about 1 year ago)
- Topics: api, docker, docker-compose, nestjs, react, vite
- Language: TypeScript
- Homepage:
- Size: 121 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Docker Boilerplate: NestJS, Vite+React, MongoDB, NPM
## Quick start
_Disclaimer: Tested on Docker Desktop running on WSL 2_
1. Clone project
2. Set environmental variables
```shell
~/boilerplate-docker-nestjs-react-vite-dev$ cp .env.example .env
```
- Update ports variables values with `_HOST` suffix in case if they are already in use
3. Install required packages for frontend and backend:
```shell
~/boilerplate-docker-nestjs-react-vite-dev$ cd backend
~/boilerplate-docker-nestjs-react-vite-dev/backend$ npm install
~/boilerplate-docker-nestjs-react-vite-dev/backend$ cd ../frontend
~/boilerplate-docker-nestjs-react-vite-dev/frontend$ npm install
```
4. Build and run Docker:
```shell
$ docker compose up --build -d
```
5. Access Vite React frontend on http://localhost:5173, where `5173` is the value of `VITE_PORT_HOST`.
Backend should be accessible at http://localhost:3002, where `3002` is the value of `BACKEND_PORT_HOST`.
## Backend
_NestJS_
Pre-installed with:
```shell
~/boilerplate-docker-nestjs-react-vite-dev/backend$ npx @nestjs/cli new .
```
## Frontend
_React (TypeScript) on Vite, HMR included_
Pre-installed with:
```shell
~/boilerplate-docker-nestjs-react-vite-dev/frontend$ npx create-vite@latest . --template react-ts
```
## Database
_MongoDB_