Django Admin CSS Not Loading in App Platfrom

Hey!

Did you run python manage.py collectstatic after you deployed your app?

One thing that you could try here would be to also set the STATICFILES_DIRS env in your settings file:

import os
from pathlib import Path

BASE_DIR = Path(__file__).resolve().parent.parent

# Static files
STATIC_URL = '/static/'  # Ensure this has a leading and trailing slash
STATIC_ROOT = os.path.join(BASE_DIR, 'staticfiles')

# Collect static files into a single directory
STATICFILES_DIRS = [
    os.path.join(BASE_DIR, 'assets'),  # Ensure 'assets' folder exists
]

# Media files (if needed)
MEDIA_URL = '/media/'
MEDIA_ROOT = os.path.join(BASE_DIR, 'media')

If none of those help, what you could try is to set the DEBUG = True in your settings file to see if you would get some extra information. And also check your web console to see which folder are the files being loaded from exactly.

Let me know how it goes!

Best,

Bobby

Heya,

The issue explained, where the Django admin page breaks after deployment because it can’t find the CSS, typically occurs when static files are not properly collected or served in production.

1. Configuration Issues in settings.py

Your current settings.py configuration has some inconsistencies:

Correct Configuration for Static Files

• The STATICFILES_DIRS should include your assets folder where your static files are stored.
• The STATIC_ROOT directory should be used for collected static files via collectstatic.

Update your settings.py:

# Static files (CSS, JavaScript, Images)

# URL for serving static files
STATIC_URL = '/static/'

# Directory where Django collects static files during collectstatic
STATIC_ROOT = os.path.join(BASE_DIR, 'staticfiles')

# Additional directories to look for static files
STATICFILES_DIRS = [
    os.path.join(BASE_DIR, 'assets'),
]

2. Run collectstatic

In production (DEBUG=False), Django expects all static files to be collected in the STATIC_ROOT directory. Run the following command to collect static files:

python manage.py collectstatic

This command will copy all files from STATICFILES_DIRS and the static folders in your apps (like admin static files) into STATIC_ROOT.