Dynamische routering is de techniek waarbij één paginatemplate veel verschillende URL’s afhandelt door het adres te lezen en de bijbehorende content te laden. In plaats van met de hand één bestand per product te bouwen, maak je één template dat eigenlijk zegt: welke ID ook in deze URL staat, haal dat record op en toon het. Het framework vult de gaten in voor elke bezoeker.
Stel je een hotel voor met één kamerindeling, herhaald over honderden deuren. De plattegrond is identiek, maar het nummer op de deur vertelt het systeem welke gast en welke boeking daar horen. Een dynamische route werkt net zo: een pad als /producten/123 gebruikt de 123 als sleutel om het juiste item op te halen. Dit gaat van nature samen met een schone URL-structuur en is wat de meeste dynamische content op moderne sites aandrijft.
In een framework als Next.js of Astro geef je dit aan met een speciale bestandsnaam, vaak een map met vierkante haken zoals [slug]. Dat segment tussen haken wordt een variabele die de pagina bij het verzoek uitleest, zodat één bestand stilletjes een hele sectie van de site vervangt.
Je ziet het overal: elk profiel op een sociaal netwerk, elk artikel op een nieuwssite, elk product in een webshop. Ze lopen meestal via een handjevol dynamische routes in plaats van duizenden handgemaakte bestanden. Zo blijft de codebase klein en is nieuwe content toevoegen net zo simpel als een rij in een database zetten. Eén ding vraagt aandacht: het ontbrekende geval. Bezoekt iemand een ID die niet meer bestaat, dan hoort de route een nette 404 terug te geven in plaats van een lege of kapotte pagina.
Bij TopDevs ontwerpen we dynamische routes zo dat de site van een klant van tien naar tienduizend pagina’s kan groeien zonder dat iemand de structuur handmatig herbouwt.
