static hosting

backend/.gitignore

@@ -113,4 +113,7 @@ demo/react-spa/yarn.lock
 # Visual Studio Code
 .vscode/
 
-*/media/*
+*/media/*
+
+/static/*
+/staticfiles/*

backend/Dockerfile

@@ -24,6 +24,8 @@ RUN pip install -r requirements.txt
 # Copy the Django project code into the Docker image
 COPY ./server /code/
 
+RUN python3 manage.py collectstatic --verbosity 2
+
 # Set the entrypoint script
 COPY ./entrypoint.sh /code/entrypoint.sh
 RUN chmod +x /code/entrypoint.sh

backend/server/demo/settings.py

@@ -13,6 +13,7 @@
 from dotenv import load_dotenv
 from datetime import timedelta
 from os import getenv
+from pathlib import Path
 # Load environment variables from .env file
 load_dotenv()
 
@@ -61,6 +62,7 @@
 )
 
 MIDDLEWARE = (
+    'whitenoise.middleware.WhiteNoiseMiddleware',
     'corsheaders.middleware.CorsMiddleware',
     'django.contrib.sessions.middleware.SessionMiddleware',
     'django.middleware.common.CommonMiddleware',
@@ -69,6 +71,7 @@
     'django.contrib.messages.middleware.MessageMiddleware',
     'django.middleware.clickjacking.XFrameOptionsMiddleware',
     'allauth.account.middleware.AccountMiddleware',
+
 )
 
 # For backwards compatibility for Django 1.8
@@ -117,7 +120,11 @@
 # Static files (CSS, JavaScript, Images)
 # https://docs.djangoproject.com/en/1.7/howto/static-files/
 
+
+BASE_DIR = Path(__file__).resolve().parent.parent
+STATIC_ROOT = BASE_DIR / "staticfiles"
 STATIC_URL = '/static/'
+
 MEDIA_URL = '/media/'
 MEDIA_ROOT = os.path.join(BASE_DIR, 'media')
 # STATICFILES_DIRS = [os.path.join(BASE_DIR, 'static')]
@@ -151,6 +158,12 @@
 
 }
 
+STORAGES = {
+    "staticfiles": {
+        "BACKEND": "whitenoise.storage.CompressedManifestStaticFilesStorage",
+    },
+}
+
 AUTH_USER_MODEL = 'users.CustomUser'
 
 EMAIL_BACKEND = 'django.core.mail.backends.console.EmailBackend'

backend/server/requirements.txt

@@ -8,4 +8,5 @@ django-cors-headers==4.4.0
 coreapi==2.3.3
 python-dotenv
 psycopg2-binary
-Pillow
+Pillow
+whitenoise

docker-compose.yml

@@ -23,8 +23,8 @@ services:
       - postgres_data:/var/lib/postgresql/data/
 
   server:
-    # build: ./backend/
-    image: ghcr.io/seanmorley15/adventurelog-backend:latest
+    build: ./backend/
+    #image: ghcr.io/seanmorley15/adventurelog-backend:latest
     environment:
       - PGHOST=db
       - PGDATABASE=database