A convenção da pasta static
Saiba onde o Flask procura recursos por padrão.
A convenção da pasta static é uma aula grátis de Flask Academy no CoddyKit. Esta é a aula 1 de 4. Você pode ler a aula completa abaixo gratuitamente — depois pratica ao vivo no navegador com um editor de código integrado e um tutor de IA 24/7. Faz parte do caminho de aprendizado de Flask Academy, e seu progresso é sincronizado entre a web e o app CoddyKit. O curso de Flask Academy inclui 4 aulas no total.
Partes desta aula ainda não foram traduzidas e aparecem em inglês.
Assets Need a Home
Your app needs CSS, JavaScript, and images. Flask gives them one default home: a folder named static next to your app. 📁
Where Flask Looks
By convention, Flask serves anything inside the static folder automatically, so you never write a route to hand out a stylesheet yourself.
The Folder Layout
Place static right beside your app.py file. Flask finds it relative to your application package without any extra setup.
myapp/
app.py
static/
style.css
templates/The Public URL Prefix
Files in that folder are reachable under the /static URL prefix. A file named style.css becomes available at /static/style.css in the browser.
Organize with Subfolders
You can nest folders inside static to stay tidy. The path on disk simply maps to the path in the URL, one to one.
static/
css/style.css
js/app.js
img/logo.pngURL Mirrors the Path
So static/css/style.css is served at /static/css/style.css. The browser path mirrors your folder structure exactly. 🔗
It Is Just a Default
The name static is a default, not a law. Flask uses it unless you tell it otherwise, which keeps every project predictable.
Rename the Folder if Needed
Pass static_folder when you create the app to point Flask at a differently named directory on disk.
from flask import Flask
app = Flask(__name__, static_folder="assets")Change the URL Prefix Too
You can also change the public prefix with static_url_path, so assets appear under /files instead of /static.
app = Flask(__name__, static_url_path="/files")Static Means Unchanging
These files are static because Flask sends them as-is, with no Python running. That is exactly why serving them is so fast.
Templates Are Different
Do not put HTML you render into static. Dynamic pages belong in templates, while static holds only finished, ready-to-send assets.
Quick Check
You drop logo.png into the static folder. Where can the browser reach it?
Recap: The static Folder
You learned the static convention: drop assets in that folder and Flask serves them under /static, fast and free. Next, link them cleanly. ✨
Perguntas Frequentes
A aula “A convenção da pasta static” é grátis?
Sim — o texto completo de “A convenção da pasta static” é grátis para ler aqui na web. Para praticá-la interativamente (um editor de código integrado e um tutor de IA 24/7) e desbloquear o restante do curso de Flask Academy, atualize para CoddyKit PRO. O curso de Flask Academy inclui 4 aulas no total.
O que vou aprender em “A convenção da pasta static”?
Saiba onde o Flask procura recursos por padrão. Você pratica Flask Academy com código prático que executa diretamente no navegador, e um tutor de IA 24/7 responde suas dúvidas enquanto trabalha na aula.
Preciso ter experiência prévia para começar Flask Academy?
Nenhuma experiência prévia é necessária. Flask Academy no CoddyKit é estruturado para alunos iniciantes até avançados, então você pode começar aqui ou desde o início e aprender no seu ritmo. Esta é a aula 1 de 4.
Quanto tempo leva a aula “A convenção da pasta static”?
A maioria das aulas CoddyKit leva cerca de 5–10 minutos. Cada uma é compacta e interativa, então você faz progresso constante e retoma exatamente de onde parou entre web e app.
Posso escrever e executar código nesta aula de Flask Academy?
Sim. Cada aula de Flask Academy inclui um editor de código integrado, então você escreve e executa código real direto no navegador e recebe feedback de IA instantaneamente — nenhuma configuração local necessária.
Todas as aulas deste curso
- A convenção da pasta static
- Vincule recursos com url_for static
- Elimine o cache com versões de arquivos
- A realidade dos arquivos estáticos em produção