https://github.com/shivankk26/docker-learnings
Welcome to the Docker Learnings Repository! This Repository contains all the Source Code and resources needed to learn how to Dockerize various applications, including a MERN application, React application, Vite application, and Next.js app.
https://github.com/shivankk26/docker-learnings
docker docker-compose docker-container docker-image expressjs git mongodb nextjs nodejs reactjs vite yaml yaml-configuration
Last synced: 3 months ago
JSON representation
Welcome to the Docker Learnings Repository! This Repository contains all the Source Code and resources needed to learn how to Dockerize various applications, including a MERN application, React application, Vite application, and Next.js app.
- Host: GitHub
- URL: https://github.com/shivankk26/docker-learnings
- Owner: ShivankK26
- Created: 2024-06-25T16:39:48.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-07-02T08:49:05.000Z (almost 2 years ago)
- Last Synced: 2026-01-03T12:26:19.604Z (6 months ago)
- Topics: docker, docker-compose, docker-container, docker-image, expressjs, git, mongodb, nextjs, nodejs, reactjs, vite, yaml, yaml-configuration
- Language: TypeScript
- Homepage:
- Size: 65.4 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Docker Learnings
Welcome to the Docker Learnings Repository! This Repository contains all the Source Code and resources needed to learn how to Dockerize various applications, including a MERN application, React application, Vite application, and Next.js app.
## Table of Contents
- [Introduction](#introduction)
- [Prerequisites](#prerequisites)
- [Getting Started](#getting-started)
- [Project Structure](#project-structure)
- [Dockerizing Applications](#dockerizing-applications)
- [JavaScript Application](#javascript-application)
- [MERN Application](#mern-application)
- [React Application](#react-application)
- [Vite Application](#vite-application)
- [Next.js Application](#nextjs-application)
- [Resources](#resources)
- [Contributing](#contributing)
- [License](#license)
## Introduction
This Repository is Designed to help you learn Docker by providing Practical examples of Dockerizing different types of applications. Each Project folder contains the necessary Docker Configuration files and a step-by-step guide to help you Understand the Process.
## Prerequisites
Before you begin, make sure you have the following installed:
- [Docker](https://www.docker.com/get-started)
- [Node.js](https://nodejs.org/)
- [Git](https://git-scm.com/)
## Getting Started
1. Clone the repository:
```bash
git clone https://github.com/ShivankK26/Docker-Learnings.git
```
2. Follow the instructions in each project folder to learn how to Dockerize the specific application.
## Project Structure
The repository is organized into the following directories:
- `hello-docker/`: Contains the Source Code and Docker configuration for a JavaScript application.
-`mern-docker/`: Contains the Source Code and Docker Configuration for a MERN application.
- `next-docker/`: Contains the Source Code and Docker Configuration for a Next.js application.
- `react-docker/`: Contains the Source Code and Docker Configuration for a React application.
- `vite-project/`: Contains the Source Code and Docker Configuration for a Vite Project.
## Dockerizing Applications
### JavaScript Application
The `hello-docker` directory contains a JavaScript application. Follow the steps below to dockerize it:
1. Navigate to the `hello-docker` directory:
```bash
cd hello-docker
```
### MERN Application
The `mern-docker` directory contains a full-stack MERN application. Follow the steps below to dockerize it:
1. Navigate to the `mern-docker` directory:
```bash
cd mern-docker
```
### React Application
The `react-docker` directory contains a React application. Follow the steps below to dockerize it:
1. Navigate to the `react-docker` directory:
```bash
cd react-docker
```
### Vite Application
The `vite-project` directory contains a Vite application. Follow the steps below to dockerize it:
1. Navigate to the `vite-project` directory:
```bash
cd vite-project
```
### Next.js Application
The `next-docker` directory contains a Next.js application. Follow the steps below to dockerize it:
1. Navigate to the `next-docker` directory:
```bash
cd next-docker
```
## Resources
Here are some additional resources to help you learn Docker:
- [Docker Documentation](https://docs.docker.com/)
- [Node.js Docker Best Practices](https://nodejs.org/en/docs/guides/nodejs-docker-webapp/)
- [Dockerizing a React App](https://mherman.org/blog/dockerizing-a-react-app/)
- [Next.js Docker Example](https://nextjs.org/docs/deployment#docker-image)