I'm currently building a project on Django 4.0 and I want to do the static files management the best and the cleaner for this version.

Currently I have this project tree :

And here is my settings file :

BASE_DIR = Path(__file__).resolve().parent.parent.parent
(...)
STATIC_URL = '/static/'
STATICFILES_DIRS = [
    os.path.join(BASE_DIR, 'static'),
]

When I try to find some videos about the subject, no one is using the same structure and setup for static files. In this sample, I have a 404 error on my dist/css/output.css file.

In my HTML template I try to call it that way :

<link href='{% static "css/dist/output.css" %}' type="text/css" rel="stylesheet">

Could someone please copy/past me an easy static setup for handling static properly ? Or at least, help me to understand why it doesn't work and what I should do ?

Moreover, I put my static directory outside my main app, but some are putting it in. So I don't know what's best...

Thanks :)