Assets koppelen met url_for static

/static/style.css met de hand in elke template schrijven lijkt eenvoudig, maar is kwetsbaar. Flask geeft je url_for om assetkoppelingen voor je op te bouwen. 🔧

Flask registreert voor je assets een ingebouwd eindpunt met de naam static. Je vraagt dit op met url_for in plaats van zelf het ruwe pad te typen.

Roep url_for aan met het eindpunt en een argument filename. Flask retourneert de juiste URL naar je map static.

In een Jinja2-template zet je de aanroep tussen dubbele accolades. De tag link krijgt vervolgens een gegenereerde href die altijd klopt.

Zet het subpad rechtstreeks in filename. Schuine strepen in de waarde verwijzen direct naar mappen binnen static.

Als je ooit static_url_path wijzigt, werkt elke url_for-koppeling zichzelf bij. Hard gecodeerde paden zouden in plaats daarvan allemaal stilletjes breken.

Wanneer je app op een server onder een subpad draait, voegt url_for automatisch het juiste voorvoegsel toe, zodat koppelingen overal blijven werken.

Met dezelfde aanroep koppel je scripts. Laat de tag script naar url_for verwijzen, zodat je JS uit static wordt geladen zonder een hard gecodeerd pad.

Voor afbeeldingen geldt precies hetzelfde patroon. Geef de bestandsnaam door aan url_for en plaats het resultaat in de bron van de tag img.

url_for is niet alleen voor templates. In een view kun je url_for aanroepen om een asset-URL te berekenen en deze terug te geven of te loggen.

Maak er een regel van: elke assetkoppeling gaat via url_for. Toekomstige hernoemingen, voorvoegsels en cachevernieuwing werken dan vanzelf voor je. ✅

Je gebruikt nu url_for met het static-eindpunt om elke assetkoppeling op te bouwen. Zo blijven paden correct, ongeacht wijzigingen in de configuratie. 🎯