Single Page Applications voelen snel en vloeiend aan, maar een volledige API bouwen is veel werk. Inertia.js lost dit op: je behoudt de vertrouwde Laravel-controllers, maar de frontend gedraagt zich als een moderne SPA.
Wat is Inertia.js?
Inertia is een protocol en een bibliotheek die de kloof overbrugt tussen een server-side framework (Laravel) en een client-side framework (Vue, React of Svelte). Je schrijft geen API-endpoints — je geeft vanuit je controller gewoon een Inertia-response terug met data.
return Inertia::render('Dashboard', [
'user' => $user,
'stats' => $stats,
]);
De frontend ontvangt deze data en rendert de juiste Vue- of React-component, zonder volledige paginalading.
Voordelen ten opzichte van een klassieke API
- Geen dubbel werk: geen API-controllers schrijven naast je web-controllers
- Authenticatie out of the box: je gebruikt gewoon Laravel’s sessie-authenticatie
- Formulierverwerking: Inertia’s
useForm-hook maakt formulieren triviaal - Minder boilerplate: geen API-client, geen state management voor netwerkcalls
Integratie met Vue en React
Met een Vite-setup is Inertia snel aan de praat. Vue 3 of React werken allebei uitstekend. Je schrijft componentbestanden die automatisch als “pagina’s” worden herkend.
De developer experience is uitstekend: hot module replacement, TypeScript-support en een prettige DX die aanvoelt als een fullstack framework.
Use cases
Inertia schittert bij applicaties waar je een rijke UI wil zonder de overhead van een losgekoppelde API:
- Admin dashboards
- Klantportalen
- Interne tools
- SaaS-applicaties
Voor publieke websites met SEO-vereisten is server-side rendering (SSR) met Inertia ook mogelijk, al vraagt dat iets meer configuratie.
Wanneer toch een echte API?
Als je dezelfde backend wil gebruiken voor een mobiele app, of als externe partijen je data moeten consumeren, is een REST of GraphQL API nog steeds de betere keuze.
Conclusie
Inertia.js is een van de meest productieve tools in het moderne Laravel-ecosysteem. Bij Meesy gebruiken we het regelmatig voor maatwerk applicaties waar snelheid en UX belangrijk zijn. Wil je weten of Inertia past bij jouw project? Onze Laravel specialisten helpen je graag verder.