Django — Static Files

Static Files Setup

# settings.py
STATIC_URL = '/static/'
STATICFILES_DIRS = [BASE_DIR / 'static']
STATIC_ROOT = BASE_DIR / 'staticfiles'

Directory Structure

static/
├── css/
│   └── style.css
├── js/
│   └── main.js
└── images/
    └── logo.png

Template Tags

{% load static %}
<link rel="stylesheet" href="{% static 'css/style.css' %}">
<script src="{% static 'js/main.js' %}"></script>
<img src="{% static 'images/logo.png' %}" alt="Logo">

collectstatic

python manage.py collectstatic

Static Files Settings

Setting	Description
STATIC_URL	URL prefix
STATICFILES_DIRS	Additional dirs
STATIC_ROOT	Collect destination
STATICFILES_FINDERS	Finder classes

App Static Files

blog/static/
└── blog/
    └── style.css

{% load static %}
<link rel="stylesheet" href="{% static 'blog/style.css' %}">

Mini Practice

1. Set up static files directory
2. Add CSS and JS files
3. Use static template tag
4. Run collectstatic

Up Next

Continue with Media Files — handling user uploads.