STATIC_URL and STATICFILES_DIRS in Django - Practice Problems & Coding Challenges

Challenge - 5 Problems

🧠 Conceptual

intermediate

Purpose of STATIC_URL in Django

What is the main purpose of the STATIC_URL setting in a Django project?

A It defines the URL prefix used to serve static files in templates and browsers.

B It lists all directories where Django looks for static files during development.

C It specifies the absolute file system path where static files are collected.

D It configures the database table used to store static file metadata.

💡 Hint

Think about how static files are referenced in HTML pages.

STATIC_URL is the URL prefix for static files. For example, if STATIC_URL = '/static/', then static files are accessed in the browser starting with /static/.

It does not specify file system paths or database tables.

🧠 Conceptual

intermediate

Role of STATICFILES_DIRS in Django

What does the STATICFILES_DIRS setting do in a Django project?

A It defines the directory where static files are collected for production deployment.

B It sets the URL path prefix for static files served by the web server.

C It tells Django where to find additional static files during development besides app static folders.

D It configures caching behavior for static files in the browser.

💡 Hint

Think about where Django looks for static files when running the development server.

STATICFILES_DIRS is a list of filesystem directories where Django will also look for static files during development, in addition to the static folders inside each app.

It does not set URL prefixes or collection directories.

❓ component_behavior

advanced

Effect of STATIC_URL on template static file links

Given STATIC_URL = '/assets/' in settings, what will be the rendered HTML output of {% static 'css/style.css' %} in a Django template?

A <link href="/media/css/style.css" rel="stylesheet">

B <link href="/static/css/style.css" rel="stylesheet">

C <link href="css/style.css" rel="stylesheet">

D <link href="/assets/css/style.css" rel="stylesheet">

💡 Hint

The {% static %} tag uses STATIC_URL as prefix.

The {% static %} template tag prepends the STATIC_URL value to the given file path.

Since STATIC_URL = '/assets/', the output URL is /assets/css/style.css.

📝 Syntax

advanced

Correct STATICFILES_DIRS syntax

Which of the following is the correct way to set STATICFILES_DIRS in Django settings to include a folder named 'assets' inside the project root?

A STATICFILES_DIRS = {'assets'}

B STATICFILES_DIRS = [BASE_DIR / 'assets']

C STATICFILES_DIRS = BASE_DIR / 'assets'

D STATICFILES_DIRS = ('assets')

💡 Hint

STATICFILES_DIRS expects a list or tuple of paths.

STATICFILES_DIRS must be a list or tuple of directory paths.

Option B uses a list with a path object, which is correct.

Option B is a single path, not in a list.

Option B is a set of strings, invalid type.

Option B is a string in parentheses, which is just a string, not a tuple.

🔧 Debug

expert

Why static files not loading in production?

In production, static files are not loading even though STATIC_URL = '/static/' and STATICFILES_DIRS is set correctly. What is the most likely cause?

A The <code>collectstatic</code> command was not run to gather static files into <code>STATIC_ROOT</code>.

B The <code>STATIC_URL</code> is missing a trailing slash.

C The <code>STATICFILES_DIRS</code> list contains relative paths instead of absolute paths.

D The Django development server is running instead of a production server.

💡 Hint

In production, static files must be collected to one folder.

In production, Django does not serve static files automatically.

You must run python manage.py collectstatic to copy all static files into the STATIC_ROOT directory.

If this is not done, static files won't be found by the web server.