https://github.com/kristiyan-velkov/frontend-prod-dockerfiles
Production-ready Dockerfiles for React.js, Angular, Vue.js, and Next.js. Optimized for performance, security, and minimal image size.
https://github.com/kristiyan-velkov/frontend-prod-dockerfiles
angular devops docker dockerfile front-end frontend frontend-docker kristiyan-velkov multistage-build nextjs optimized-docker production reactjs secure-dockerfile vuejs web-development
Last synced: about 1 month ago
JSON representation
Production-ready Dockerfiles for React.js, Angular, Vue.js, and Next.js. Optimized for performance, security, and minimal image size.
- Host: GitHub
- URL: https://github.com/kristiyan-velkov/frontend-prod-dockerfiles
- Owner: kristiyan-velkov
- Created: 2025-02-22T10:50:13.000Z (4 months ago)
- Default Branch: main
- Last Pushed: 2025-03-03T18:45:42.000Z (4 months ago)
- Last Synced: 2025-05-07T12:55:26.452Z (about 1 month ago)
- Topics: angular, devops, docker, dockerfile, front-end, frontend, frontend-docker, kristiyan-velkov, multistage-build, nextjs, optimized-docker, production, reactjs, secure-dockerfile, vuejs, web-development
- Language: TypeScript
- Homepage: https://www.linkedin.com/in/kristiyan-velkov-763130b3/
- Size: 2.08 MB
- Stars: 24
- Watchers: 1
- Forks: 3
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Frontend Prod Dockerfiles
Production-ready **Dockerfiles** for **React.js, Angular, Vue.js, Next.js, Remix.js,Analog.js, Nuxt.js** applications.
These Dockerfiles are optimized for **performance, security, and minimal image size** to ensure efficient and scalable deployments.
**Author**
- [Kristiyan Velkov](https://www.linkedin.com/in/kristiyan-velkov-763130b3/)
- [Blog - Medium](https://medium.com/@kristiyanvelkov)
## Features
- 🛠**Optimized for Production** – Ensures smaller, faster, and more secure images.
- 🔒 **Security Best Practices** – Uses non-root users and follows Docker security guidelines.
- ⚡ **Multi-Stage Builds** – Reduces final image size by separating build and runtime environments.
- 🚀 **Efficient Caching** – Utilizes layer caching to speed up builds.
- 📦 **Minimal Base Images** – Uses lightweight images like `alpine` to reduce attack surface.
## Supported Frameworks / Libraries
- **React.js** - v19 ✅
- **Next.js** v15 ✅
- **Remix.js** - v2 ✅
- **Angular** - v19 ✅
- **Analog.js** - v1 ✅
- **Vue.js** - v3 ✅
- **Nuxt.js** - v3 ✅
## Getting Started
Clone the repository and navigate to the desired framework directory:
```sh
git clone https://github.com/kristiyan-velkov/frontend-dockerfiles.git
cd frontend-dockerfiles/
```
---
## Prerequisites
- [Docker Desktop](https://www.docker.com/products/docker-desktop/) installed on your machine.
- [Task](https://taskfile.dev/installation/) installed to use the Task commands.
_or if you prefer Make_:
- [Make]() installed to use the Makefile commands.
---
## Usage
| Taskfile Command | Makefile Command | Description |
| ---------------------- | ---------------------- | ------------------------------------ |
| `task` | `make` | Show available commands. |
| `task build` | `make build` | Build the Docker image. |
| `task run` | `make run` | Run the Docker container. |
| `task build-run` | `make build-run` | Build and run the Docker container. |
| `task stop` | `make stop` | Stop the Docker container. |
| `task restart` | `make restart` | Restart the Docker container. |
| `task logs` | `make logs` | Show logs from the Docker container. |
| `task clean` | `make clean` | Remove Docker image and container. |
| `task clean-container` | `make clean-container` | Remove only the Docker container. |
| `task clean-image` | `make clean-image` | Remove only the Docker image. |
---
### Environment Variables
The following variables are defined in the `Taskfile` and `Makefile` and can be customized if needed:
| Variable | Description |
| ---------------- | ------------------------------------------------------------------------------------ |
| `IMAGE_NAME` | The name of the Docker image. |
| `CONTAINER_NAME` | The name of the Docker container. |
| `HOST_PORT` | The port on the host machine that the container will map to. |
| `CONTAINER_PORT` | The port inside the Docker container where Nginx serves the application. |
| `DOCKERFILE` | The Dockerfile to use. |
| `NODE_VERSION` | The version of Node.js used in the base image. Can be updated for easier migrations. |
| `NGINX_VERSION` | The version of Nginx used in the export configuration. |
---
### 📌 Contribution
Contributions are always welcome, whether it's reporting issues, improving documentation, fixing bugs, or adding new features. This project is for everyone! 💙
And yes, it's open-source! 🎉
---
### ☕ Support My Work
If you find my work helpful and would like to support me, consider donating via:
- [Revolut](https://revolut.me/kristiyanvelkov)
- [Buy Me a Coffee](https://www.buymeacoffee.com/kristiyanvelkov)
- [GitHub Sponsors](https://github.com/sponsors/kristiyan-velkov)
Your support helps me continue creating valuable content for the community. Thank you! 🚀
---
### 📬 Contact me
If you’d like to connect, feel free to reach out via:
- [LinkedIn](https://www.linkedin.com/in/kristiyan-velkov-763130b3/)
- [Medium](https://medium.com/@kristiyanvelkov)
- [Discord](https://discord.gg/dcdYZfsd)
Looking forward to chatting with you! 🚀
---
### License
This project is licensed under the MIT License.