Update README.md #15
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| # ----------------------------------------------------------------------------- | |
| # 📦 GitHub Actions: docker-ci.yml | |
| # Purpose: Automatically build and publish Docker images | |
| # on every push to the `main` branch. | |
| # This is a CI/CD workflow (Continuous Integration & Delivery). | |
| # | |
| # What it does: | |
| # 1. Clones the project code. | |
| # 2. Logs into Docker Hub. | |
| # 3. Builds backend and frontend Docker images. | |
| # 4. Pushes these images to Docker Hub. | |
| # ----------------------------------------------------------------------------- | |
| name: Docker CI # Workflow name shown on GitHub | |
| on: | |
| push: | |
| branches: [ main ] # 👉 Run only when pushing to the "main" branch | |
| jobs: | |
| build: # 👷 Job name | |
| runs-on: ubuntu-latest # 🔧 GitHub Actions will run on an Ubuntu VM | |
| steps: # 📋 Steps executed sequentially | |
| - name: Checkout code # 🧾 Step 1: Clone the repository | |
| uses: actions/checkout@v3 # 📥 Official GitHub checkout action | |
| - name: Set up Docker Buildx # 🧰 Step 2: Setup Buildx — Docker extension for advanced builds | |
| uses: docker/setup-buildx-action@v3 # 📦 Action to install buildx | |
| - name: Login to Docker Hub # 🔐 Step 3: Authenticate to Docker Hub to push images | |
| uses: docker/login-action@v3 # 🛂 Official login method | |
| with: | |
| username: ${{ secrets.DOCKER_USERNAME }} # 🔒 Username from GitHub secrets | |
| password: ${{ secrets.DOCKER_PASSWORD }} # 🔒 Password or token from secrets (secure) | |
| - name: Build and push backend # ⚙️ Step 4: Build and push backend image | |
| uses: docker/build-push-action@v5 # 🛠️ Build and push Docker images | |
| with: | |
| context: ./backend # 📁 Build context — backend folder | |
| tags: ${{ secrets.DOCKER_USERNAME }}/flask-api:latest # 🏷️ Image name: dockerhub_user/flask-api | |
| push: true # 📤 Push the image after build | |
| - name: Build and push frontend # ⚙️ Step 5: Build and push frontend image | |
| uses: docker/build-push-action@v5 # 🛠️ Same as above, for frontend | |
| with: | |
| context: ./frontend # 📁 Build context — frontend folder | |
| tags: ${{ secrets.DOCKER_USERNAME }}/node-frontend:latest # 🏷️ Image name: dockerhub_user/node-frontend | |
| push: true # 📤 Push the image to Docker Hub | |
| - name: Build and push nginx # ⚙️ Step 6: Build and push nginx image | |
| uses: docker/build-push-action@v5 # 🛠️ Same, for nginx | |
| with: | |
| context: ./nginx # 📁 Build context — nginx folder | |
| tags: ${{ secrets.DOCKER_USERNAME }}/nginx:latest # 🏷️ Image name: dockerhub_user/nginx | |
| push: true # 📤 Push the image to Docker Hub |