Inertia.js v3 is hier: sneller, lichter en krachtiger dan ooit

Op 25 maart werd Inertia.js v3.0 officieel uitgebracht — en het is geen kleine update. Na een uitgebreide bètaperiode is versie 3 een grondige herziening van het framework dat wij bij CodeBros dagelijks inzetten voor onze Laravel-projecten. In deze post lopen we door de belangrijkste veranderingen en leggen we uit wat dit concreet betekent voor onze klanten.

Wat is Inertia.js ook alweer?

Even kort voor wie er minder bekend mee is: Inertia.js is de brug tussen een krachtige server-side backend (in ons geval Laravel) en een moderne JavaScript-frontend met React, Vue of Svelte. Je bouwt je applicatie zoals je gewend bent — met routes, controllers en middleware — maar levert een volwaardige single-page app (SPA) experience aan je gebruikers. Geen aparte API nodig, geen dubbele logica.

De grote veranderingen in v3

Axios eruit, eigen HTTP-client erin

Inertia draaide jarenlang op Axios voor al het netwerkverkeer. In v3 is dat verleden tijd. Er zit nu een ingebouwde XHR-client onder de motorkap. Het directe resultaat: circa 15KB minder in je productie-bundle. Minder code, snellere laadtijden.

Gebruik je Axios-interceptors in je project? Geen paniek — Axios blijft beschikbaar als optionele dependency. Maar voor de meeste projecten is de overstap naadloos.

Nieuwe Vite-plugin: minimale configuratie

Het opzetten van een Inertia-app vergde in v2 een flinke boilerplate: een resolve-callback, een setup-callback, een apart SSR-entrypoint. In v3 verdwijnt dat vrijwel allemaal dankzij de nieuwe @inertiajs/vite plugin.

Je Vite-configuratie wordt zo simpel als:

import inertia from '@inertiajs/vite'
import laravel from 'laravel-vite-plugin'
 
export default {
  plugins: [
    laravel({
      input: ['resources/css/app.css', 'resources/js/app.js'],
      refresh: true,
    }),
    inertia(),
  ],
}

En je JavaScript-entrypoint?

import { createInertiaApp } from '@inertiajs/vue3'
createInertiaApp()

Dat is het. De plugin regelt automatisch page-resolution, lazy-loading, code-splitting én SSR-configuratie.

SSR werkt nu direct tijdens development

Een veelgehoorde frustratie in v2: om server-side rendering te testen moest je eerst builden, een apart Node.js-proces opstarten, en dan pas kon je het resultaat zien. Dat onderbrak je ontwikkelflow compleet.

In v3 handelt de Vite-plugin dit automatisch af. Start je npm run dev, dan werkt SSR meteen — zonder build-stap, zonder extra processen. Voor productie blijft de workflow ongewijzigd.

useHttp: standalone HTTP-requests

Niet elk verzoek in je app hoeft een volledige page-visit te triggeren. Denk aan API-calls, zoekverzoeken of externe services. Voorheen greep je daarvoor naar Axios of fetch, maar dan verloor je de reactieve state-management die useForm biedt.

De nieuwe useHttp-hook biedt dezelfde developer experience als useForm, maar dan voor gewone HTTP-requests: reactieve state, error handling, upload-progressie en request-cancellation. Ideaal voor interactieve componenten die data ophalen zonder te navigeren.

Optimistic updates: direct feedback

Dit is een feature waar wij bij CodeBros bijzonder enthousiast over zijn. Wanneer een gebruiker op een like-knop klikt, een bookmark toggelt of een formulier verstuurt, hoeft die niet meer te wachten op de server. Met de nieuwe optimistic update API wordt de verandering direct doorgevoerd in de UI, terwijl het serververzoek op de achtergrond draait. Mislukt het? Dan wordt de wijziging automatisch teruggedraaid.

Dit maakt applicaties voelbaar sneller en responsiver — iets waar eindgebruikers direct profijt van hebben.

Instant visits

Vergelijkbaar met optimistic updates, maar dan voor paginanavigatie. Inertia kan nu direct overschakelen naar de doelpagina-component met gedeelde data, terwijl het serververzoek nog loopt. De pagina-specifieke props worden ingeladen zodra de server reageert. Het resultaat: navigatie die razendsnel aanvoelt.

Layout props met useLayoutProps

Persistente layouts zijn een van Inertia's krachtigste features. Met de nieuwe useLayoutProps-hook kunnen layouts standaardwaarden definiëren die individuele pagina's kunnen overschrijven. Geen event-buses of provide/inject-patronen meer nodig — gewoon een schone, declaratieve API.

Verbeterde error handling

Exceptions zoals 404's die buiten de Inertia-middleware vallen (het request bereikt je routes niet eens) hadden in v2 geen toegang tot shared data of de root view. In v3 kun je custom Inertia-foutpagina's renderen vanuit je exception handler, inclusief gedeelde data en een consistente layout.

Wat betekent dit voor onze klanten?

Snellere applicaties

De combinatie van een kleinere bundle (geen Axios meer), optimistic updates en instant visits zorgt voor merkbaar snellere applicaties. Pagina's laden vlotter, interacties voelen direct, en je gebruikers merken dat.

Lagere ontwikkelkosten

Minder configuratie betekent minder tijd aan setup en meer tijd aan features die er toe doen. De nieuwe Vite-plugin en vereenvoudigde SSR-setup besparen ons uren per project — en die besparing vertaalt zich direct naar de doorlooptijd en kosten van jouw project.

Betere developer experience

Blije developers bouwen betere software. De verbeterde DX van v3 — van de schone API's tot de betere error handling — betekent dat ons team efficiënter werkt en sneller kan itereren op jouw product.

Toekomstbestendig

Inertia v3 vereist PHP 8.2+, Laravel 11+ en moderne frontend-frameworks (React 19+, Svelte 5+). Door mee te gaan met deze vereisten zorgen we ervoor dat jouw applicatie gebouwd is op een moderne, langdurig ondersteunde stack.

Upgradeplan voor bestaande projecten

Heb je een bestaand project dat op Inertia v2 draait? Geen zorgen. V3 is een major release met breaking changes, maar het upgradepad is goed gedocumenteerd. De belangrijkste aandachtspunten:

• Inertia::lazy() heet nu Inertia::optional()
• Event-namen zijn gewijzigd (invalid → httpException, exception → networkError)
• Het inertia-attribuut in Blade is hernoemd naar data-inertia
• De Laravel config-structuur is aangepast
• Alle packages zijn nu ESM-only (geen CommonJS meer)

Wij beoordelen per project wat de beste aanpak is en zorgen voor een soepele migratie. Neem gerust contact met ons op als je hierover wilt sparren.

Tot slot

Inertia.js v3 is een volwassen, doordachte release die de moderne monolith-aanpak verder versterkt. Voor ons bij CodeBros bevestigt het onze keuze voor de Laravel + Inertia stack: je krijgt de eenvoud van een server-side applicatie met de snelheid en interactiviteit van een moderne SPA.

Vragen over Inertia v3 of benieuwd wat het voor jouw project kan betekenen? Neem contact op met CodeBros — we denken graag met je mee.