Inertia.js lets you quickly build modern single-page React, Vue and Svelte apps using classic server-side routing and controllers.

With Inertia you build applications just like you’ve always done with your server-side web framework of choice. You use your framework’s existing functionality for routing, controllers, middleware, …

These starter kits are the absolute fastest way to start building a new Inertia project using Laravel and Vue or React. However, if you would like to manually install Inertia into your application, please …

When building applications using Inertia, each page in your application typically has its own controller / route and a corresponding JavaScript component. This allows you to retrieve just the data necessary …

Inertia provides a <Form> component that behaves much like a classic HTML form, but uses Inertia under the hood to avoid full page reloads. This is the simplest way to get started with forms in Inertia.

Defining Routes When using Inertia, all of your application’s routes are defined server-side. This means that you don’t need Vue Router or React Router. Instead, you can simply define Laravel routes and …

This header indicates that the request is being made by Inertia and isn’t a standard full-page visit. When the server detects the X-Inertia header, instead of responding with a full HTML document, it returns a …

When making visits, Inertia automatically adds a new entry into the browser history. However, it’s also possible to replace the current history entry by setting the replace option to true.

These starter kits are the absolute fastest way to start building a new Inertia project using Laravel and Vue or React. However, if you would like to manually install Inertia into your application, please …

To create links to other pages within an Inertia app, you will typically use the Inertia <Link> component. This component is a light wrapper around a standard anchor <a> link that intercepts click events and …