An open API service indexing awesome lists of open source software.

https://github.com/subho004/dockerit

Dockerized environments for diverse applications — from simple setups to full-stack projects with frontend, backend, and databases. Simplify development and deployment across various technologies with containerization.
https://github.com/subho004/dockerit

backend containerization database deployment development-environment devops docker docker-compose docker-container docker-image dockerfile dockerhub frontend fullstack microservices nextjs

Last synced: 2 months ago
JSON representation

Dockerized environments for diverse applications — from simple setups to full-stack projects with frontend, backend, and databases. Simplify development and deployment across various technologies with containerization.

Awesome Lists containing this project

README

          


nodedotjs
nextdotjs
docker
mongodb
vite

Docker Crash Course


## 📋 Table of Contents

1. 🤖 [Introduction](#introduction)
2. ⚙️ [Tech Stack](#tech-stack)
3. 🔋 [Features](#features)
4. 🤸 [Quick Start](#quick-start)
6. 📦 [Starter Kit](#starter-kits)
7. 💁🏽 [Contributing](#contribute)


## 🤖 Introduction

Dockerized environments for diverse applications — from simple setups to full-stack projects with frontend, backend, and databases. Simplify development and deployment across various technologies with containerization.

## ⚙️ Tech Stack

- Docker
- Node.js
- React.js
- Vite
- MongoDB
- Express.js
- Next.js
- Tailwind CSS

## 🔋 Features

👉 **Fundamentals of Docker**: Understand the fundamentals of Docker, its purpose, and advantages.

👉 **Managing Images and Containers with Docker Compose**: Explore Docker Compose for orchestrating multiple images and containers efficiently.

👉 **Latest Docker Features**: Learn new features such as docker init, docker scout, and docker compose watch for enhanced development workflows.

👉 **Working with Volumes**: Learn how to use volumes for persistent data management in Docker containers

👉 **Port Mapping with Network**: Implement port mapping using Docker's networking capabilities

👉 **Dockerizing React Applications with Vite**: Step-by-step guide on Dockerizing React applications built with Vite.

👉 **Dockerizing Vite Applications (Vue or Svelte)**: Extend the knowledge to Dockerizing Vite applications, supporting Vue or Svelte frameworks.

👉 **Dockerizing Full Stack Applications**: Dockerize a complete MERN stack application, covering frontend, backend, and database.

👉 **Dockerizing Monorepo Full Stack Applications (Next.js 14+)**: Explore Dockerizing Monorepo full-stack applications using the latest features of Next.js (version 14 and above).

👉 **Publishing Docker Images**: Learn the steps to publish Docker images, making your applications accessible to a broader audience.

...and much more, covering the best practices and usage of different commands in 🐳

## 🤸 Quick Start

Follow these steps to set up the project locally on your machine.

**Prerequisites**

Make sure you have the following installed on your machine:

- [Git](https://git-scm.com/)
- [Node.js](https://nodejs.org/en)
- [npm](https://www.npmjs.com/) (Node Package Manager)
- [Docker](https://www.docker.com/products/docker-desktop/)
- [MongoDB Compass](https://www.mongodb.com/products/tools/compass)

**Cloning the Repository**

```bash
git clone https://github.com/subho004/DockerIt.git
cd DockerIt
```

**Installation**

Install the project dependencies using npm:

```bash
npm install
```

**Set Up Environment Variables**

For a few specific applications, we require environment variables. I've included a sample .env.example file for these essential projects.
However, one crucial element needed for these projects is,

```env
DB_URL=
```

For full stack applications, we'll be using MongoDB as a database. So do create an account on [MongoDB Atlas](https://www.mongodb.com/) as well as
install [MongoDB Compass](https://www.mongodb.com/products/tools/compass) for creating local database instance for the project.

**Running the Project**

```bash
npm start
```

Open [http://localhost:3000](http://localhost:3000) in your browser to view the project.

## 📦 Starter Kits

Get the starter kits for a few corresponding applications used in the project
* MERN Demo - [Download Kit](https://drive.google.com/file/d/15Yqkb6rNPv6DEfT6zuIHDKchzGkOUblZ/view?usp=sharing)
* Next.js Demo - [Download Kit](https://drive.google.com/file/d/1edSiwP0AwtKblE5y-ZlzIGfq2lcDJBPF/view?usp=sharing)

## 💁🏽 Contributing

Contributions are welcome! If you have ideas for new features, improvements, or find any issues, feel free to open an issue or submit a pull request.