Static folder configuration in Flask - Step-by-Step Execution

Concept Flow - Static folder configuration

Start Flask App

↓

Set static_folder path

↓

Request for static file

↓

Check file in static_folder

Yes No↓

Serve file

↓

End request

This flow shows how Flask uses the static folder path to serve static files when requested.

Execution Sample

Flask

from flask import Flask
app = Flask(__name__, static_folder='assets')

@app.route('/')
def home():
    return 'Hello World!'

This code sets the static folder to 'assets' and defines a simple home route.

Execution Table

Step	Action	Static Folder Path	Request URL	File Found?	Response
1	Start Flask app	assets	-	-	App running
2	Request '/'	assets	/	N/A	Return 'Hello World!'
3	Request '/style.css'	assets	/style.css	Yes	Serve 'assets/style.css' file
4	Request '/image.png'	assets	/image.png	No	Return 404 Not Found

💡 Requests end after serving file or returning 404 if file not found in static folder

Variable Tracker

Variable	Start	After Step 2	After Step 3	After Step 4
static_folder	assets	assets	assets	assets
request_url	-	/	/style.css	/image.png
file_found	-	N/A	Yes	No
response	-	'Hello World!'	File content	404 Not Found

Key Moments - 2 Insights

Why does Flask look in the 'assets' folder for static files?

Because the static_folder parameter was set to 'assets' when creating the Flask app, as shown in execution_table step 1.

What happens if a requested static file is not found?

Flask returns a 404 Not Found response, as seen in execution_table step 4.

Visual Quiz - 3 Questions

Look at the execution_table, what is the static_folder path after starting the app?

A static

B assets

C public

D templates

💡 Hint

Check the 'Static Folder Path' column at Step 1 in execution_table

At which step does Flask serve a static file successfully?

A Step 3

B Step 4

C Step 2

D Step 1

💡 Hint

Look for 'Serve file' or 'File Found?' = Yes in execution_table

If the static_folder was not set, where would Flask look for static files by default?

A assets

B templates

C static

D public

💡 Hint

Recall Flask's default static folder name if not configured

Concept Snapshot

Flask static folder configuration:
- Set static folder with Flask(__name__, static_folder='folder_name')
- Flask serves files from this folder on static requests
- If file not found, returns 404
- Default static folder is 'static' if not set
- Use URL like '/filename.ext' to access static files

Full Transcript

This visual execution shows how Flask handles static folder configuration. When creating the Flask app, you can set the static folder path using the static_folder parameter. Flask then looks in this folder to serve static files like CSS or images when requested by URL. If the file exists, Flask serves it; otherwise, it returns a 404 error. By default, if you don't set static_folder, Flask uses a folder named 'static'. This flow helps beginners understand how Flask connects URL requests to files on disk in the static folder.