Begrip: App Router

Next.js gebruikt een file-based routing systeem, de App Router. Dit betekent dat de bestandsstructuur van je project bepaalt welke routes er beschikbaar zijn in de applicatie.

Elke subfolder van de /src/app directory wordt een nieuw segment in de URL. Binnen deze mappen moet een bestand met de naam page.tsx aanwezig zijn dat via een default export een React component exporteert.

Op het bovenste niveau van de routing-structuur moet ook een layout route aanwezig zijn.