Refactored the project building and deploying procedure. Added frontend

.github/workflows/ci.yml

@@ -21,7 +21,7 @@ jobs:
     - name: Install dependencies
       run: |
         python -m pip install --upgrade pip --no-cache-dir
-        pip install flake8 ruff --no-cache-dir
+        pip install flake8 ruff isort --no-cache-dir
         if [ -f requirements.txt ]; then pip install -r requirements.txt; fi
     - name: Git Clone Action
       uses: actions/checkout@v2

.github/workflows/main.yml

@@ -37,26 +37,47 @@ jobs:
           push: true
           tags: ${{ secrets.DOCKER_USERNAME }}/volunteers_backend:latest
 
-#  build_frontend_and_push_to_docker_hub:
-#    name: Push frontend Docker image to DockerHub
-#    runs-on: ubuntu-latest
-#    steps:
-#      - name: Check out the repo
-#        uses: actions/checkout@v3
-#      - name: Set up Docker Buildx
-#        uses: docker/setup-buildx-action@v2
-#      - name: Login to Docker
-#        uses: docker/login-action@v2
-#        with:
-#          username: ${{ secrets.DOCKER_USERNAME }}
-#          password: ${{ secrets.DOCKER_PASSWORD }}
-#      - name: Push to DockerHub
-#        uses: docker/build-push-action@v4
-#        with:
-#          context: [email protected]:volunteers-for-city-projects/volunteers-frontend.git
-#          file: /infra_bt/Dockerfile
-#          push: true
-#          tags: ${{ secrets.DOCKER_USERNAME }}/volunteers_frontend:latest
+  build_frontend_and_push_to_docker_hub:
+    name: Push frontend Docker image to DockerHub
+    runs-on: ubuntu-latest
+    steps:
+      - name: Check out the repo
+        uses: actions/checkout@v3
+      - name: Set up Docker Buildx
+        uses: docker/setup-buildx-action@v2
+      - name: Login to Docker
+        uses: docker/login-action@v2
+        with:
+          username: ${{ secrets.DOCKER_USERNAME }}
+          password: ${{ secrets.DOCKER_PASSWORD }}
+      - name: Push to DockerHub
+        uses: docker/build-push-action@v4
+        with:
+          context: [email protected]:volunteers-for-city-projects/volunteers-frontend.git#deployDocker
+          push: true
+          tags: ${{ secrets.DOCKER_USERNAME }}/volunteers_frontend:latest
+
+  build_gateway_and_push_to_docker_hub:
+    name: Push gateway Docker image to DockerHub
+    runs-on: ubuntu-latest
+    steps:
+      - name: Check out the repo
+        uses: actions/checkout@v3
+      - name: Set up Docker Buildx
+        uses: docker/setup-buildx-action@v2
+      - name: Login to Docker
+        uses: docker/login-action@v2
+        with:
+          username: ${{ secrets.DOCKER_USERNAME }}
+          password: ${{ secrets.DOCKER_PASSWORD }}
+      - name: Push to DockerHub
+        uses: docker/build-push-action@v4
+        with:
+          build-args:
+            NGINX_VERSION=${{ vars.NGINX_VERSION_BUILD }}
+          context: ./infra_bt/
+          push: true
+          tags: ${{ secrets.DOCKER_USERNAME }}/volunteers_gateway:latest
 
   deploy:
     runs-on: ubuntu-latest
@@ -77,7 +98,8 @@ jobs:
         key: ${{ secrets.SSH_KEY }}
         passphrase: ${{ secrets.SSH_PASSPHRASE }}
         source: "infra_bt/docker-compose.production.yml"
-        target: "volunteers-for-city-projects"
+        target: "better-together/"
+        strip_components: 1
     - name: Executing remote ssh commands to deploy
       uses: appleboy/ssh-action@master
       with:

.gitignore

@@ -167,3 +167,6 @@ cython_debug/
 # static
 **/collected_static/
 media/
+
+# pre-commit
+.pre-commit-config.yaml

backend/backend/settings.py

@@ -1,7 +1,7 @@
 import os
+from pathlib import Path
 
 from dotenv import load_dotenv
-from pathlib import Path
 
 # Build paths inside the project like this: BASE_DIR / 'subdir'.
 BASE_DIR = Path(__file__).resolve().parent.parent
@@ -46,6 +46,7 @@
     'projects.apps.ProjectsConfig',
     'users.apps.UsersConfig',
     'corsheaders',
+    'check.apps.CheckConfig',
 ]
 
 MIDDLEWARE = [
@@ -146,7 +147,7 @@
 STATIC_ROOT = Path(BASE_DIR, 'collected_static')
 
 MEDIA_URL = 'media/'
-MEDIA_ROOT = '/media'
+MEDIA_ROOT = Path(BASE_DIR, 'media')
 
 # Default primary key field type
 # https://docs.djangoproject.com/en/4.2/ref/settings/#default-auto-field

infra_bt/.dockerignore

@@ -0,0 +1,5 @@
+.env
+.env.example
+docker-compose.production.yml
+docker-compose.yml
+Dockerfile

infra_bt/Dockerfile

@@ -0,0 +1,3 @@
+ARG NGINX_VERSION_BUILD
+FROM nginx:$NGINX_VERSION_BUILD
+COPY ./nginx.conf /etc/nginx/conf.d/default.conf

infra_bt/docker-compose.production.yml

@@ -2,8 +2,8 @@ version: '3'
 
 volumes:
   pg_data:
-  static:
-  media:
+  static_data:
+  media_data:
 
 
 services:
@@ -27,27 +27,25 @@ services:
     image: 1yunker/volunteers_backend
     env_file: .env
     volumes:
-      - static:/backend_static
-      - media:/media
+      - static_data:/backend_static
+      - media_data:/app/media
     depends_on:
       db:
         condition: service_healthy
 
-  # frontend:
-  #   image: 1yunker/volunteers_frontend
-  #   command: cp -r /app/result_build/. /static/
-  #   volumes:
-  #     - static:/static
+  frontend:
+    image: 1yunker/volunteers_frontend
+    command: cp -r /app/build/. /static_files/
+    volumes:
+      - static_data:/static_files
 
   gateway:
-    image: nginx:1.25.2-alpine3.18-slim
+    image: 1yunker/volunteers_gateway
     ports:
       - 8000:80
     volumes:
-      - ./nginx.conf:/etc/nginx/conf.d/default.conf
-      # - ../docs/:/usr/share/nginx/html/api/docs/
-      - static:/static
-      - media:/media
+      - static_data:/usr/share/nginx/html
+      - media_data:/usr/share/nginx/html/media
     depends_on:
       backend:
         condition: service_started

infra_bt/docker-compose.yml

@@ -2,8 +2,8 @@ version: '3.3'
 
 volumes:
   pg_data:
-  static:
-  media:
+  static_data:
+  media_data:
 
 
 name: volunteers
@@ -32,45 +32,40 @@ services:
     build: ../backend/
     env_file: .env
     volumes:
-      - static:/backend_static
-      - media:/media
+      - static_data:/backend_static
+      - media_data:/app/media
     command:
       - /bin/sh
       - -c
       - |
         python manage.py collectstatic -c --noinput
-        cp -r /app/collected_static/. /backend_static/static/
+        cp -r /app/collected_static/. /backend_static/static
         python manage.py migrate
         gunicorn --bind 0.0.0.0:8000 backend.wsgi
     restart: unless-stopped
     depends_on:
       db:
         condition: service_healthy
 
-  #    frontend:
-  #      build:
-  #        context: [email protected]:volunteers-for-city-projects/volunteers-frontend.git
-  #        dockerfile: Dockerfile
-  #      command:
-  #        - /bin/sh
-  #        - -c
-  #        - |
-  #          npm run build result_build
-  #          cp -r /app/result_build/ static_files/
-  #      volumes:
-  #        - ../frontend:/app/
-  #        - static:/static_files
+  frontend:
+    build:
+      context: https://github.com/volunteers-for-city-projects/volunteers-frontend.git#feature/deployDocker
+    command:
+      - /bin/sh
+      - -c
+      - |
+        cp -r /app/. /static_files/
+    volumes:
+      - static_data:/static_files
 
   nginx:
     image: nginx:1.25.2-alpine3.18-slim
     ports:
       - "8000:80"
     volumes:
       - ./nginx.conf:/etc/nginx/conf.d/default.conf
-      # - ../frontend/build:/usr/share/nginx/html/
-      # - ../docs/:/usr/share/nginx/html/api/docs/
-      - static:/static
-      - media:/media
+      - static_data:/usr/share/nginx/html
+      - media_data:/usr/share/nginx/html/media/
     depends_on:
       backend:
         condition: service_started

infra_bt/nginx.conf

@@ -1,6 +1,8 @@
 server {
   listen 80;
 
+  root /usr/share/nginx/html;
+
   location /api/ {
     proxy_set_header Host $http_host;
     proxy_pass http://backend:8000/api/;
@@ -9,24 +11,16 @@ server {
     proxy_set_header Host $http_host;
     proxy_pass http://backend:8000/swagger/;
   }
+  location /redoc/ {
+    proxy_set_header Host $http_host;
+    proxy_pass http://backend:8000/redoc/;
+  }
   location /admin/ {
     proxy_set_header Host $http_host;
     proxy_pass http://backend:8000/admin/;
   }
-  location /static/ {
-    root /static;
-  }
-  location /media/ {
-    root /;
-  }
-
-  # location / {
-  #   proxy_set_header Host $http_host;
-  #   proxy_pass http://backend:8000/;
-  # }
 
   location / {
-    root /usr/share/nginx/html;
     index  index.html index.htm;
     try_files $uri /index.html;
     proxy_set_header        Host $host;