Build frontend experiences with the backend you love
Develop React, Vue, and Svelte SPAs with the elegance of server-side routing. Plug and play with any backend, meticulously optimized for Laravel. No API required.
UserController.php
1class UsersController
2{
3 public function index()
4 {
5 $users = User::query()
6 ->active()
7 ->orderBy('name')
8 ->get(['id', 'name', 'email']);
9
10 return Inertia::render('Users', [
11 'users' => $users,
12 ]);
13 }
14}
Users.vue
1<script setup lang="ts">
2import { Link } from '@inertiajs/vue3'
3defineProps<{ users: User[] }>()
4</script>
5
6<template>
7 <div v-for="user in users" :key="user.id">
8 <Link :href="`/users/${user.id}`">
9 {{ user.name }}
10 </Link>
11 <p>{{ user.email }}</p>
12 </div>
13</template>
Features
Elevate your application with the modern monolith
Inertia is packed with production-ready features designed to accelerate your development and make frontend implementation a breeze.
Partial reloads
Refresh only changed data, keeping your app responsive and eliminating full-page reloads.
Shared data
Ensure data like user details, notifications, and settings are effortlessly shared on all pages.
Polling
Build realtime applications with polling helpers, keeping your page data fresh on an interval.
Asset versioning
Ship with confidence thanks to automatic asset versioning built right into Inertia.
Server state
Rely on your backend as the single source of truth and let Inertia sync state automatically.
Authentication
Don't duplicate your security. Handle logins, redirects, and authorization in your backend.
Prefetching
Experience lightning-fast navigation with Inertia Link's prefetching options on hover or click.
Deferred props
Prioritize performance with deferred props, sending only what's needed for the initial render.
Infinite scrolling
Inertia has the simplest infinite scrolling implementation on the web, period.
Start using Inertia today
Dive into our documentation or start deploying today with our
Laravel starter kits made for Inertia.