La convención de la carpeta static
Descubra dónde busca Flask los recursos de forma predeterminada.
La convención de la carpeta static es una lección gratuita de Flask Academy en CoddyKit. Esta es la lección 1 de 4. Puedes leer la lección completa abajo gratuitamente — luego la practicas en el navegador con un editor de código integrado y un tutor de IA 24/7. Forma parte de la ruta de aprendizaje de Flask Academy, y tu progreso se sincroniza en la web y la app de CoddyKit. El curso de Flask Academy incluye 4 lecciones en total.
Los recursos necesitan un lugar
Su aplicación necesita CSS, JavaScript e imágenes. Flask les proporciona un lugar predeterminado: una carpeta llamada static junto a su aplicación. 📁
Dónde busca Flask
Por convención, Flask sirve automáticamente todo lo que se encuentra dentro de la carpeta static, por lo que nunca tiene que escribir una ruta para entregar una hoja de estilos.
La estructura de carpetas
Coloque static justo al lado de su archivo app.py. Flask la encuentra en relación con el paquete de su aplicación sin ninguna configuración adicional.
myapp/
app.py
static/
style.css
templates/El prefijo de URL público
Los archivos de esa carpeta están disponibles bajo el prefijo de URL /static. Un archivo llamado style.css estará disponible en /static/style.css en el navegador.
Organice con subcarpetas
Puede anidar carpetas dentro de static para mantener todo ordenado. La ruta en el disco se corresponde directamente con la ruta de la URL.
static/
css/style.css
js/app.js
img/logo.pngLa URL refleja la ruta
Por tanto, static/css/style.css se sirve en /static/css/style.css. La ruta del navegador refleja exactamente la estructura de sus carpetas. 🔗
Es solo un valor predeterminado
El nombre static es un valor predeterminado, no una obligación. Flask lo utiliza a menos que indique lo contrario, lo que mantiene predecible cada proyecto.
Cambie el nombre de la carpeta si es necesario
Pase static_folder al crear la aplicación para indicar a Flask un directorio con otro nombre en el disco.
from flask import Flask
app = Flask(__name__, static_folder="assets")Cambie también el prefijo de URL
También puede cambiar el prefijo público con static_url_path, para que los recursos aparezcan bajo /files en lugar de /static.
app = Flask(__name__, static_url_path="/files")Static significa que no cambia
Estos archivos son static porque Flask los envía tal cual, sin ejecutar Python. Precisamente por eso se sirven con tanta rapidez.
Las plantillas son diferentes
No coloque en static el HTML que renderiza. Las páginas dinámicas pertenecen a templates, mientras que static solo contiene recursos terminados y listos para enviar.
Comprobación rápida
Coloca logo.png en la carpeta static. ¿Dónde puede acceder a él el navegador?
Resumen: la carpeta static
Ha aprendido la convención static: coloque los recursos en esa carpeta y Flask los servirá bajo /static, de forma rápida y sin complicaciones. A continuación, aprenderá a enlazarlos correctamente. ✨
Preguntas frecuentes
¿La lección «La convención de la carpeta static» es gratis?
Sí — el texto completo de «La convención de la carpeta static» es gratis para leer aquí en la web. Para practicarla de forma interactiva (editor de código integrado y tutor de IA 24/7) y desbloquear el resto del curso de Flask Academy, actualiza a CoddyKit PRO. El curso de Flask Academy incluye 4 lecciones en total.
¿Qué aprenderé en «La convención de la carpeta static»?
Descubra dónde busca Flask los recursos de forma predeterminada. Practicas Flask Academy con código real que ejecutas directamente en el navegador, y un tutor de IA 24/7 responde tus preguntas mientras trabajas en la lección.
¿Necesito experiencia previa para empezar Flask Academy?
No se requiere experiencia previa. Flask Academy en CoddyKit está estructurado para principiantes hasta estudiantes avanzados, así que puedes empezar aquí o desde el inicio y avanzar a tu ritmo. Esta es la lección 1 de 4.
¿Cuánto tiempo toma la lección «La convención de la carpeta static»?
La mayoría de las lecciones de CoddyKit toman alrededor de 5–10 minutos. Cada una es compacta e interactiva, así que avanzas constantemente y retomas exactamente por donde dejaste en la web y la app.
¿Puedo escribir y ejecutar código en esta lección de Flask Academy?
Sí. Cada lección de Flask Academy incluye un editor de código integrado, así que escribes y ejecutas código real directamente en tu navegador y obtienes retroalimentación instantánea de IA — sin configuración local necesaria.
Todas las lecciones de este curso
- La convención de la carpeta static
- Enlace recursos con url_for static
- Invalidación de caché con versiones de archivos
- La realidad de los archivos estáticos en producción