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

What’s New Inertia.js v3.0 is a major release focused on simplicity and developer experience. Axios has been replaced with a built-in XHR client for a smaller bundle, SSR now works out of the box during …

Inertia then dynamically swaps out the previous page component with the new page component and updates the browser’s history state. The end result is a silky smooth single-page experience. To …

Inertia is a new approach to building classic server-driven web apps. We call it the modern monolith. Inertia allows you to create fully client-side rendered, single-page apps, without the complexity that …

The first step when installing Inertia is to configure your server-side framework. Inertia maintains an official server-side adapter for Laravel. For other frameworks, please see the community adapters. …

Once you have your server-side framework configured, you then need to setup your client-side framework. Inertia currently provides support for React, Vue, and Svelte.

Creating Pages Inertia pages are simply JavaScript components. If you have ever written a Vue, React, or Svelte component, you will feel right at home. As you can see in the example below, pages …

By default, Inertia renders links as anchor <a> elements. However, you can change the tag using the as prop.

You are viewing the documentation for Inertia.js v3, which is currently in beta. For the current stable release, please visit the v2 documentation.

Inertia provides three helper methods for updating page props without making server requests. These methods are shortcuts to router.replace() and automatically set preserveScroll and preserveState to …