Inertia Of A Disk

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

Inertia does this via adapters. We currently have three official client-side adapters (React, Vue, and Svelte) and four server-side adapters (Laravel, Rails, Phoenix, and Django).

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 true.

Inertia is fine-tuned for Laravel, so the documentation examples on this website utilize Laravel. For examples of using Inertia with other server-side frameworks, please refer to the framework specific documentation maintained by that adapter.

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.

Form Component Inertia provides a

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.

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.

Inertia provides persistent layouts that survive page navigations, along with layout props for passing dynamic data between pages and their layouts. Visit the layouts documentation to learn more.

The official Inertia.js v3 demo application is a comprehensive Kitchen Sink app built with Laravel and Vue. It includes a mini CRM with contacts, organizations, and notes, along with dedicated feature showcase pages covering forms, navigation, data loading, prefetching, state management, layouts, events, error handling, and more.