Renderizar archivos estáticos desde el servidor – Curso de Flask

En este artículo aprenderemos cómo renderizar archivos estáticos desde el servidor utilizando Flask. Los archivos estáticos son aquellos que no cambian de forma dinámica, como por ejemplo imágenes, hojas de estilo CSS o scripts JavaScript.

Para renderizar archivos estáticos desde el servidor en Flask, primero debemos crear una carpeta llamada “static” en nuestro directorio de la aplicación. Dentro de esta carpeta colocaremos todos los archivos estáticos que queremos servir desde el servidor.

Luego, en nuestro archivo de Python donde hemos definido nuestra aplicación Flask, debemos utilizar la función “url_for” para generar la URL de los archivos estáticos. Por ejemplo:


url_for('static', filename='style.css')


Esta función generará la URL necesaria para acceder al archivo “style.css” que se encuentra dentro de la carpeta “static” de nuestra aplicación.

Finalmente, desde nuestro archivo HTML podemos incluir estos archivos estáticos utilizando la etiqueta “link” para las hojas de estilo CSS y la etiqueta “script” para los scripts JavaScript. Por ejemplo:

De esta manera, podremos renderizar archivos estáticos desde el servidor en nuestra aplicación Flask y mejorar la apariencia y funcionalidad de nuestra página web.