Blueprint static files in Flask - Practice Problems & Coding Challenges

Challenge - 5 Problems

❓ component_behavior

intermediate

How does Flask serve static files from a Blueprint?

Consider a Flask Blueprint named admin with a static folder configured. When you access /admin/static/logo.png, what happens?

Flask

from flask import Blueprint
admin = Blueprint('admin', __name__, static_folder='static')

A Flask serves the file located at <code>admin/static/logo.png</code> inside the Blueprint folder.

B Flask serves the file from the main app's static folder ignoring the Blueprint's static folder.

C Flask raises a 404 error because static files cannot be served from Blueprints.

D Flask serves the file only if <code>static_url_path</code> is set explicitly in the Blueprint.

💡 Hint

Blueprints can have their own static folders served under a URL path.

Blueprints in Flask can have their own static folders. Flask automatically serves static files from the Blueprint's static_folder under the URL path /blueprint_name/static/.

📝 Syntax

intermediate

Correct Blueprint static folder URL path syntax

Which option correctly sets a Blueprint named shop to serve static files under the URL path /shop-assets/?

A shop = Blueprint('shop', __name__, static_folder='static', static_url_path='/shop/assets')

B shop = Blueprint('shop', __name__, static_folder='static', static_url_path='/shop-assets')

C shop = Blueprint('shop', __name__, static_folder='static', static_url_path='shop-assets')

D shop = Blueprint('shop', __name__, static_folder='static', static_url_path='//shop-assets')

💡 Hint

The static_url_path must start with a slash to be a valid URL path.

The static_url_path parameter defines the URL prefix for static files. It must start with a slash to be valid. Option B correctly sets it to /shop-assets.

🔧 Debug

advanced

Why does Flask not serve Blueprint static files?

Given this Blueprint setup, static files are not served at /blog/static/. What is the likely cause?

blog = Blueprint('blog', __name__)

@app.route('/blog/static/')
def static_files(filename):
    return send_from_directory('static', filename)

A Blueprints cannot serve static files; static files must be served only by the main app.

B The route <code>/blog/static/&lt;path:filename&gt;</code> conflicts with Flask's default static route causing a server error.

C The Blueprint lacks <code>static_folder</code> configuration, so Flask does not serve static files automatically.

D The <code>send_from_directory</code> function is used incorrectly and raises a TypeError.

💡 Hint

Blueprints serve static files automatically only if static_folder is set.

If a Blueprint does not specify static_folder, Flask does not serve static files for it automatically. The manual route shown does not replace this behavior.

❓ state_output

advanced

What is the URL for a Blueprint static file with custom static_url_path?

A Blueprint api is created with static_folder='assets' and static_url_path='/api-static'. What URL serves the file logo.png inside assets?

Flask

api = Blueprint('api', __name__, static_folder='assets', static_url_path='/api-static')

A /api-static/logo.png

B /api/assets/logo.png

C /api/static/logo.png

D /static/api/logo.png

💡 Hint

The static_url_path defines the URL prefix for static files.

The static_url_path parameter sets the URL path prefix for the Blueprint's static files. So the file logo.png is served at /api-static/logo.png.

🧠 Conceptual

expert

Why use Blueprint static files instead of main app static folder?

What is the main advantage of serving static files from a Flask Blueprint's static folder instead of the main app's static folder?

A It enables serving static files only over HTTPS for security.

B It improves server performance by caching static files separately per Blueprint.

C It automatically compresses static files for faster delivery without extra configuration.

D It allows modular organization so each Blueprint can manage its own static assets independently.

💡 Hint

Think about how Blueprints help organize code and resources.

Blueprint static folders let each Blueprint keep its own static files. This keeps the project modular and easier to maintain, especially in large apps.