CINXE.COM
GitHub
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" /> <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" /> <script src="https://www.googletagmanager.com/gtag/js?id=UA-140425344-1" async></script> <link rel="preload" as="style" href="https://inertiajs.com/build/assets/app-d7e0265e.css" /><link rel="modulepreload" href="https://inertiajs.com/build/assets/app-33726d8e.js" /><link rel="stylesheet" href="https://inertiajs.com/build/assets/app-d7e0265e.css" /><script type="module" src="https://inertiajs.com/build/assets/app-33726d8e.js"></script> <meta type="description" content="Inertia.js lets you quickly build modern single-page React, Vue and Svelte apps using classic server-side routing and controllers." inertia> <meta name="twitter:card" content="summary_large_image" inertia> <meta name="twitter:site" content="@reinink" inertia> <meta name="twitter:creator" content="@reinink" inertia> <meta name="twitter:title" content="Inertia.js - The Modern Monolith" inertia> <meta name="twitter:description" content="Inertia.js lets you quickly build modern single-page React, Vue and Svelte apps using classic server-side routing and controllers." inertia> <meta name="twitter:image" content="https://inertiajs.com/previews/home.png" inertia> <title inertia>Inertia.js - The Modern Monolith</title> </head> <body> <div id="app" data-page="{"component":"index","props":{"errors":{}},"url":"/","version":"98a0dd0764a4bd0df6c50c60d320c18d"}"><div class="font-sans leading-none text-gray-800 antialiased"><div class="text-white" style="background:linear-gradient(to right, #9553e9, #6d74ed)"><div class="relative mx-auto max-w-6xl px-6 md:px-12 xl:px-0"><div class="absolute top-0 left-0 h-full w-full overflow-hidden"><svg class="w-auto" style="height:600px;fill:#b2b6ff;opacity:.08" viewBox="0 0 95 52.8"><path d="M27.3 0H0l26.4 26.4L0 52.8h27.3l26.4-26.4z"></path><path d="M68.6 0H41.3l26.4 26.4-26.4 26.4h27.3L95 26.4z"></path></svg></div><header class="relative flex items-center justify-between py-12"><a class="md:flex md:items-end" href="/"><svg class="block fill-current text-white" style="height:25px" viewBox="0 0 275.3 50.5"><path d="M231.2 16.1h-17.8l17.2 17.2-17.2 17.2h17.8l17.2-17.2z"></path><path d="M258.1 16.1h-17.8l17.2 17.2-17.2 17.2h17.8l17.2-17.2z"></path><path d="M6 15.3h10.3l-6 34.2H0l6-34.2zm.6-9.1C7.2 2.9 10.3 0 13.7 0s5.7 2.8 5.2 6.2c-.5 3.4-3.7 6.2-7.2 6.2s-5.6-3-5.1-6.2zM54.3 28.5l-3.7 21H40.4L43.8 30c.8-4.4-1.6-6.2-4.9-6.2-3.4 0-6.5 2-7.5 6.6L28 49.5H17.8l6-34.2h10.3l-.5 3.2c2.3-2.6 6.2-4.2 10.1-4.2 6.9.1 12.2 5.1 10.6 14.2zM94.5 32.4c-.1.8-.5 2.7-1.1 4.1H68.9c.6 3.8 3.8 4.8 7 4.8 2.9 0 5.2-.8 7.2-2.7l7.2 5.9c-4 4-8.7 6-15 6-11.8 0-18-8.5-16.3-18.7a20.7 20.7 0 0 1 20.5-17.4c9.8 0 16.9 7.6 15 18zm-9.7-3.7c-.3-3.8-3-5.3-6.2-5.3a8.9 8.9 0 0 0-8.3 5.3h14.5zM123.9 14.6l-2 11.6c-4-.6-10.5.8-11.7 7.8l.1-.4-2.8 15.9H97.3l6-34.2h10.3l-1.1 6.2c2.1-4.7 6.6-6.9 11.4-6.9zM137.8 37.3c-.5 3.1 2 3.3 6.6 2.9l-1.6 9.3c-12.3 1.4-16.9-2.7-15.2-12.2l2.1-12.1h-5.5l1.8-9.9h5.4l1.2-6.5 10.8-3.1-1.7 9.6h7.1l-1.8 9.9h-7l-2.2 12.1zM155.3 15.3h10.3l-6 34.2h-10.3l6-34.2zm.6-9.1c.5-3.3 3.7-6.2 7.1-6.2s5.7 2.8 5.2 6.2c-.5 3.4-3.7 6.2-7.2 6.2s-5.7-3-5.1-6.2zM208.1 15.3l-6 34.2h-10.3l.4-2.3a15.5 15.5 0 0 1-10.3 3.3c-11.1 0-15.3-9.6-13.5-18.9 1.6-8.8 8.6-17.2 19.2-17.2 4.5 0 7.7 1.8 9.6 4.6l.6-3.6h10.3zm-13.2 17.2c.9-5.2-1.9-8.4-6.6-8.4a9.5 9.5 0 0 0-9.5 8.3c-.9 5.1 1.8 8.3 6.6 8.3 4.6.1 8.6-3.1 9.5-8.2z"></path></svg><svg class="mt-2 block fill-current text-white md:mt-0 md:ml-4" style="height:8px" viewBox="0 0 328.3 16"><path d="M11.1 2.2H6.6v13.5h-2V2.2H0V.3h11.1v1.9zM29.1.3v15.4h-2V8.8h-7.5v6.9h-2V.3h2v6.5h7.5V.3h2zM46 13.8v1.9h-9.2V.3h9.1v1.9h-7V7h6.5v1.9h-6.5v4.9H46zM77.2 15.7h-2v-12l-5 8.4h-.3l-5-8.4v12h-2V.3h2.3L70 8.4 74.9.3h2.3v15.4zM84 8a8 8 0 0 1 8-8c4.5 0 8 3.5 8 8a8 8 0 0 1-8 8 8 8 0 0 1-8-8zm13.9 0c0-3.4-2.6-6-5.9-6a5.8 5.8 0 0 0-5.9 6c0 3.4 2.6 6 5.9 6 3.4 0 5.9-2.6 5.9-6zM120.2 8c0 4.3-3.1 7.7-7.3 7.7h-6V.3h6c4.2 0 7.3 3.4 7.3 7.7zm-2 0c0-3.3-2.2-5.8-5.3-5.8h-4v11.5h4c3.1.1 5.3-2.5 5.3-5.7zM136.2 13.8v1.9H127V.3h9.1v1.9h-7V7h6.5v1.9h-6.5v4.9h7.1zM148.8 9.8h-3.6v5.9h-2V.3h6.2c2.6 0 4.8 2.1 4.8 4.8 0 2-1.3 3.8-3.2 4.5l3.6 6.2h-2.3l-3.5-6zm-3.6-1.9h4.1c1.5 0 2.8-1.3 2.8-2.9 0-1.6-1.2-2.9-2.8-2.9h-4.1v5.8zM172.6.3v15.4H171l-8-11.5v11.5h-2V.3h1.7l7.9 11.5V.3h2zM204.6 15.7h-2v-12l-5 8.4h-.3l-5-8.4v12h-2V.3h2.3l4.9 8.1 4.9-8.1h2.3v15.4zM211.5 8a8 8 0 0 1 8-8c4.5 0 8 3.5 8 8a8 8 0 0 1-8 8 8 8 0 0 1-8-8zm13.9 0c0-3.4-2.6-6-5.9-6a5.8 5.8 0 0 0-5.9 6c0 3.4 2.6 6 5.9 6 3.3 0 5.9-2.6 5.9-6zM245.9.3v15.4h-1.6l-7.9-11.5v11.5h-2V.3h1.7l7.9 11.5V.3h1.9zM252.8 8a8 8 0 0 1 8-8c4.5 0 8 3.5 8 8a8 8 0 0 1-8 8 8 8 0 0 1-8-8zm13.9 0c0-3.4-2.6-6-5.9-6a5.8 5.8 0 0 0-5.9 6c0 3.4 2.6 6 5.9 6 3.3 0 5.9-2.6 5.9-6zM284.3 13.8v1.9h-8.7V.3h2v13.5h6.7zM292.8.3v15.4h-2V.3h2zM310.3 2.2h-4.6v13.5h-2V2.2h-4.5V.3h11.1v1.9zM328.3.3v15.4h-2V8.8h-7.5v6.9h-2V.3h2v6.5h7.5V.3h2z"></path></svg></a><div class="relative z-10 md:hidden"><button class="focus:outline-none block" type="button"><svg class="block h-6 w-6 fill-current text-white" viewBox="0 0 20 20"><path d="M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0v-2z"></path></svg></button></div><div class="hidden items-center text-white md:flex"><div class="relative -my-2 mr-5"></div><a class="mr-5 flex items-center hover:text-purple-900" href="https://github.com/inertiajs"><svg class="h-6 w-6 fill-current" viewBox="0 0 20 20"><title>GitHub</title><path d="M10 0a10 10 0 0 0-3.16 19.49c.5.1.68-.22.68-.48l-.01-1.7c-2.78.6-3.37-1.34-3.37-1.34-.46-1.16-1.11-1.47-1.11-1.47-.9-.62.07-.6.07-.6 1 .07 1.53 1.03 1.53 1.03.9 1.52 2.34 1.08 2.91.83.1-.65.35-1.09.63-1.34-2.22-.25-4.55-1.11-4.55-4.94 0-1.1.39-1.99 1.03-2.69a3.6 3.6 0 0 1 .1-2.64s.84-.27 2.75 1.02a9.58 9.58 0 0 1 5 0c1.91-1.3 2.75-1.02 2.75-1.02.55 1.37.2 2.4.1 2.64.64.7 1.03 1.6 1.03 2.69 0 3.84-2.34 4.68-4.57 4.93.36.31.68.92.68 1.85l-.01 2.75c0 .26.18.58.69.48A10 10 0 0 0 10 0"></path></svg></a><a class="mr-5 flex items-center hover:text-purple-900" href="https://twitter.com/inertiajs"><svg class="h-6 w-6 fill-current" viewBox="0 0 20 20"><title>Twitter</title><path d="M6.29 18.25c7.55 0 11.67-6.25 11.67-11.67v-.53c.8-.59 1.49-1.3 2.04-2.13-.75.33-1.54.55-2.36.65a4.12 4.12 0 0 0 1.8-2.27c-.8.48-1.68.81-2.6 1a4.1 4.1 0 0 0-7 3.74 11.65 11.65 0 0 1-8.45-4.3 4.1 4.1 0 0 0 1.27 5.49C2.01 8.2 1.37 8.03.8 7.7v.05a4.1 4.1 0 0 0 3.3 4.03 4.1 4.1 0 0 1-1.86.07 4.1 4.1 0 0 0 3.83 2.85A8.23 8.23 0 0 1 0 16.4a11.62 11.62 0 0 0 6.29 1.84"></path></svg></a><a class="flex items-center hover:text-purple-900" href="https://discord.gg/inertiajs"><svg class="h-6 w-6 fill-current" viewBox="0 0 146 146"><title>Discord</title><path d="M107.75 125.001s-4.5-5.375-8.25-10.125c16.375-4.625 22.625-14.875 22.625-14.875-5.125 3.375-10 5.75-14.375 7.375-6.25 2.625-12.25 4.375-18.125 5.375-12 2.25-23 1.625-32.375-.125-7.125-1.375-13.25-3.375-18.375-5.375-2.875-1.125-6-2.5-9.125-4.25-.375-.25-.75-.375-1.125-.625-.25-.125-.375-.25-.5-.375-2.25-1.25-3.5-2.125-3.5-2.125s6 10 21.875 14.75c-3.75 4.75-8.375 10.375-8.375 10.375-27.625-.875-38.125-19-38.125-19 0-40.25 18-72.875 18-72.875 18-13.5 35.125-13.125 35.125-13.125l1.25 1.5c-22.5 6.5-32.875 16.375-32.875 16.375s2.75-1.5 7.375-3.625c13.375-5.875 24-7.5 28.375-7.875.75-.125 1.375-.25 2.125-.25 7.625-1 16.25-1.25 25.25-.25 11.875 1.375 24.625 4.875 37.625 12 0 0-9.875-9.375-31.125-15.875l1.75-2S110 19.626 128 33.126c0 0 18 32.625 18 72.875 0 0-10.625 18.125-38.25 19zM49.625 66.626c-7.125 0-12.75 6.25-12.75 13.875s5.75 13.875 12.75 13.875c7.125 0 12.75-6.25 12.75-13.875.125-7.625-5.625-13.875-12.75-13.875zm45.625 0c-7.125 0-12.75 6.25-12.75 13.875s5.75 13.875 12.75 13.875c7.125 0 12.75-6.25 12.75-13.875s-5.625-13.875-12.75-13.875z"></path></svg></a></div></header><div class="relative flex flex-wrap items-start lg:mt-16"><div class="mt-4 w-full lg:w-1/2"><div class="text-4xl font-light leading-tight lg:text-5xl">Build single-page apps, <strong class="font-bold">without building an API.</strong></div><p class="mt-8 max-w-md pr-2 text-lg leading-relaxed lg:text-xl">Create<!-- --> <strong class="font-bold" style="color:#92eee2">modern single-page React, Vue, and Svelte apps</strong> <!-- -->using classic server-side routing. Works with any backend — tuned for Laravel.</p></div><div class="mt-8 w-full lg:mt-0 lg:w-1/2 lg:pl-24"><div class="overflow-hidden rounded-t"><div class="flex px-4 pt-3" style="background:#303f6d"><button type="button" class="focus:outline-none mr-1 rounded-t px-3 pt-3 pb-2 text-sm font-medium text-gray-500 hover:text-gray-200 sm:px-6" style="color:white;background:#202e59">UsersController.php</button><button type="button" class="focus:outline-none mr-1 rounded-t px-3 pt-3 pb-2 text-sm font-medium text-gray-500 hover:text-gray-200 sm:px-6">Users.vue</button></div><pre><code style="height:330px" class="p-6 leading-normal block overflow-auto bg-[#202e59] text-[.85rem] text-white"><span class="token keyword">class</span> <span class="token class-name-definition class-name">UsersController</span> <span class="token punctuation">{</span> <span class="token keyword">public</span> <span class="token keyword">function</span> <span class="token function-definition function">index</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span> <span class="token variable">$users</span> <span class="token operator">=</span> <span class="token class-name static-context">User</span><span class="token operator">::</span><span class="token function">active</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">-></span><span class="token function">orderByName</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">-></span><span class="token function">get</span><span class="token punctuation">(</span><span class="token punctuation">[</span><span class="token string single-quoted-string">'id'</span><span class="token punctuation">,</span> <span class="token string single-quoted-string">'name'</span><span class="token punctuation">,</span> <span class="token string single-quoted-string">'email'</span><span class="token punctuation">]</span><span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token keyword">return</span> <span class="token class-name static-context">Inertia</span><span class="token operator">::</span><span class="token function">render</span><span class="token punctuation">(</span><span class="token string single-quoted-string">'Users'</span><span class="token punctuation">,</span> <span class="token punctuation">[</span> <span class="token string single-quoted-string">'users'</span> <span class="token operator">=></span> <span class="token variable">$users</span> <span class="token punctuation">]</span><span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token punctuation">}</span></code></pre></div></div></div></div></div><div class="bg-gray-200"><div class="mx-auto flex max-w-6xl items-center justify-start gap-8 overflow-x-auto px-6 py-4 md:px-12 lg:gap-12 xl:px-0"><div class="text-md font-medium text-gray-600"><div class="md:hidden">Sponsors:</div><div class="hidden whitespace-nowrap md:block">Our sponsors:</div></div><a class="text-gray-600 hover:text-gray-800" href="https://forge.laravel.com" title="Laravel Forge"><svg class="h-3.5 w-auto fill-current" viewBox="0 0 217.38 39.97"><path d="M77.94.32c4.13 0 6.03.74 7.2 2.22 1.68 2.22 2.64 6.66-.11 17.55S79.2 35.3 76.36 37.64c-1.9 1.48-4.23 2.22-8.36 2.22H54.8c-4.13 0-6.13-.74-7.2-2.22-1.68-2.22-2.63-6.66.22-17.55 2.75-10.9 5.92-15.23 8.78-17.55C58.49 1.06 60.8.32 64.94.32h13zM58.7 30.24c.21.32.74.42 2.43.42h5.08c1.69 0 2.32-.1 2.75-.42.52-.42 1.48-1.48 3.59-10.15 2.22-8.67 1.8-9.73 1.48-10.15-.21-.32-.74-.42-2.43-.42h-4.97c-1.7 0-2.33.1-2.75.42-.53.42-1.48 1.48-3.6 10.15-2.32 8.77-1.9 9.73-1.58 10.15zm51.28-3.17c-.42-.53-.85-.74-3.38-.74h-4.97c-.53 0-1.06.42-1.17.95L97.61 38.9c-.1.53-.64.95-1.16.95H86.19c-.53 0-.85-.42-.74-.95l9.4-37.64c.11-.53.64-.95 1.17-.95h24.1c3.92 0 6.03.53 7.2 2 1.27 1.8 1.69 3.7.32 9.2-1.8 7.4-4.55 9.52-9.3 10.47v.1c3.7.96 5.7 2.23 4.43 7.94-.74 3.27-1.27 6.55-1.58 8.77-.11.53-.64 1.06-1.17 1.06h-10.46c-.43 0-.85-.32-.74-.85.31-2.43.74-4.86 1.37-7.93.42-2.85.21-3.38-.21-4.01zm-.74-9.3c2.22 0 2.85-.11 3.28-.43.74-.53 1.26-1.48 1.8-3.8s.42-3.18 0-3.7c-.32-.32-.85-.43-3.07-.43h-5.5c-.53 0-1.06.42-1.16.95L103 16.92c-.1.53.21.95.74.95h5.5v-.1zM160.94 0c4.23 0 6.45.53 7.72 2 1.48 1.8 2 4.56.84 10.69-.1.53-.63.95-1.16.95h-9.83c-.53 0-.85-.42-.74-.85.42-2.43-.1-2.75-.43-3.17-.2-.32-.63-.42-2.43-.42h-5.07c-1.8 0-2.33.1-2.75.42-.64.53-1.8 2.33-3.7 10.36s-1.59 9.94-1.27 10.47c.21.32.74.42 2.54.42h5.39c1.59 0 2.22-.1 2.64-.42.53-.42 1.59-1.48 2.22-4.33l.1-.32h-7.6c-.53 0-.85-.43-.74-.95l1.48-6.35c.1-.53.63-.95 1.16-.95h18.3c.52 0 .84.42.73.95l-.95 3.91c-2.22 9.63-4.86 13-7.61 15.23-2.01 1.7-4.87 2.33-8.57 2.33H138c-4.13 0-6.14-.74-7.3-2.33-1.8-2.33-2.75-6.66-.1-17.66s5.7-15.43 8.56-17.65C141.06.74 143.39 0 147.51 0h13.43zm41.23 39.97h-31.6c-.54 0-.85-.43-.75-.96L178.7.95c.1-.53.64-.95 1.17-.95h36.79c.63 0 .95.63.53 1.27-1.59 2.54-7.72 7.93-14.6 7.93H189.8c-.52 0-1.05.42-1.16.95l-.95 4.23c-.1.53.21.95.74.95h17.23c.53 0 .85.42.74.95l-1.48 6.66c-.1.53-.63.95-1.16.95h-17.23c-.53 0-1.06.43-1.17.96l-1.16 4.86c-.1.53.21.95.74.95h19.35c.53 0 .84.42.74.95l-1.7 7.3c-.1.63-.63 1.06-1.16 1.06zM50.24.32H6.9c-.53 0-1.05.42-1.16.95l-1.06 3.8c-.1.43.1.75.43.96 1.69.53 10.78.74 9.4 5.81l-.31 1.38-3.7 13.85-.32 1.37c-1.37 5.08-6.24 5.29-8.25 5.82-.42.1-.74.52-.84.95L.02 39c-.1.53.21.96.74.96h17.66c.53 0 1.05-.43 1.16-.96l3.17-12.26c.1-.53.64-.95 1.16-.95h11.32c.53 0 1.06-.43 1.16-.95l1.7-6.56c.1-.53-.22-.95-.75-.95H26.03c-.53 0-.85-.42-.74-.95l1.59-5.92c.1-.53.63-.95 1.16-.95h17.02c.53 0 1.06-.43 1.16-.96l4.55-7.19c.21-.63 0-1.05-.53-1.05z"></path></svg></a><a class="text-gray-600 hover:text-gray-800" href="https://ploi.io" title="Ploi"><svg class="h-5 w-auto fill-current" viewBox="0 0 253 93.3"><path d="M25.7 66a11.4 11.4 0 01-9.5-4.7q-3.6-4.7-3.7-12.6T16.2 36a11.4 11.4 0 019.5-4.7 11.4 11.4 0 019.6 4.7Q39 40.7 39 48.7t-3.6 12.6a11.5 11.5 0 01-9.6 4.7zm3.8-45.1a18.9 18.9 0 00-10.2 2.7 18 18 0 00-6.7 7.5h-.3v-9.3H0v71.5h12.6V66.5h.3a17 17 0 006.6 7.2 19.4 19.4 0 0010.2 2.6q10.2 0 16.1-7.4t6-20.3q0-12.9-6-20.4T29.5 21zM59.2 75.5h12.6V2.5H59.2v73.1zM105.3 66.6a11.5 11.5 0 01-9.6-4.7Q92 57.2 92 48.7t3.6-13.3a12.1 12.1 0 0119.2 0q3.6 4.7 3.6 13.3t-3.6 13.2a11.5 11.5 0 01-9.6 4.7zm0 10q11.8 0 19-7.4t7-20.6q0-13-7.1-20.4t-19-7.5q-11.7 0-18.8 7.5t-7.1 20.4q0 13.2 7 20.6t19 7.4zM145 13.7a6.7 6.7 0 004.9-2 6.6 6.6 0 002-4.8 6.6 6.6 0 00-2-4.9 6.8 6.8 0 00-5-2 6.7 6.7 0 00-4.8 2 6.5 6.5 0 00-2 4.9 6.5 6.5 0 002 4.8 6.6 6.6 0 004.8 2zm-6.3 61.9h12.6V21.8h-12.7v53.8zM168.8 76a5.7 5.7 0 10-4.1-1.6 5.6 5.6 0 004 1.7zM191.5 13.4a5.3 5.3 0 004-1.6A5.3 5.3 0 00197 8a5.5 5.5 0 10-11 0 5.3 5.3 0 001.5 4 5.3 5.3 0 004 1.5zm-4.4 62.1h8.8V22.8H187v52.8zM228.6 68.7a13.8 13.8 0 01-11.2-5q-4.3-5.2-4.3-14.5t4.3-14.4a14.9 14.9 0 0122.4 0q4.2 5 4.2 14.4t-4.2 14.4a13.8 13.8 0 01-11.2 5.1zm0 7.8q10.9 0 17.6-7.4t6.8-20q0-12.5-6.8-19.9T228.7 22q-11 0-17.7 7.3t-6.7 20q0 12.6 6.7 20t17.7 7.3z"></path></svg></a><a class="text-gray-600 hover:text-gray-800" href="https://www.landersystems.com/?utm_source=inertiajs" title="Lander Systems"><svg class="h-4 w-auto fill-current" viewBox="0 0 236 28"><path d="M219.69 22.71L220.59 18.1H226.57C227.32 18.1 227.98 18.06 228.36 17.91C228.82 17.73 228.82 17.53 228.82 17.45C228.82 17.31 228.78 17.09 228.4 16.85C228.03 16.62 226.76 16.09 226.76 16.09L226.43 15.97C225.43 15.6 224.58 15.2 223.9 14.76C223.2 14.31 222.64 13.77 222.25 13.16C221.85 12.53 221.65 11.8 221.65 10.99C221.65 10.05 221.9 9.13 222.41 8.27C222.91 7.4 223.74 6.67 224.86 6.1C225.97 5.54 227.4 5.25 229.11 5.25H235.49L234.59 9.84H229.9C229.9 9.84 229.06 9.8 228.12 10.07C227.56 10.27 227.56 10.52 227.56 10.63C227.56 10.73 227.56 10.92 227.99 11.16C228.39 11.38 229.14 11.69 230.22 12.08L230.46 12.17C231.37 12.52 232.14 12.93 232.77 13.37C233.41 13.83 233.91 14.36 234.26 14.96C234.61 15.57 234.79 16.24 234.79 16.96C234.79 17.8 234.56 18.66 234.1 19.52C233.64 20.39 232.82 21.15 231.67 21.77C230.53 22.39 229 22.7 227.13 22.7H219.68L219.69 22.71Z"></path><path d="M144.31 22.71L145.21 18.1H151.19C151.94 18.1 152.6 18.06 152.98 17.91C153.44 17.73 153.44 17.53 153.44 17.45C153.44 17.31 153.4 17.09 153.02 16.85C152.65 16.62 151.38 16.09 151.38 16.09L151.05 15.97C150.05 15.6 149.2 15.2 148.52 14.76C147.82 14.31 147.26 13.77 146.87 13.16C146.47 12.53 146.27 11.8 146.27 10.99C146.27 10.05 146.52 9.13 147.03 8.27C147.53 7.4 148.36 6.67 149.48 6.1C150.59 5.54 152.02 5.25 153.73 5.25H160.11L159.21 9.84H154.52C154.52 9.84 153.68 9.8 152.74 10.07C152.18 10.27 152.18 10.52 152.18 10.63C152.18 10.73 152.18 10.92 152.61 11.16C153.01 11.38 153.76 11.69 154.84 12.08L155.08 12.17C155.99 12.52 156.76 12.93 157.39 13.37C158.03 13.83 158.53 14.36 158.88 14.96C159.23 15.57 159.41 16.24 159.41 16.96C159.41 17.8 159.18 18.66 158.72 19.52C158.26 20.39 157.44 21.15 156.29 21.77C155.15 22.39 153.62 22.7 151.75 22.7H144.3L144.31 22.71Z"></path><path d="M10.31 0.310059H4.35L0 22.7101H14.8L15.82 17.4701L6.98 17.4601L10.31 0.310059Z"></path><path d="M19.8603 5.25L18.9703 9.84H25.9003C26.7603 9.84 27.3803 10 27.7403 10.31C28.0103 10.55 28.1203 10.91 28.0703 11.4C26.9303 11.33 25.7803 11.38 24.6603 11.53C23.4303 11.7 22.2703 12 21.2303 12.41C19.9803 12.91 18.9603 13.62 18.2203 14.53C17.4603 15.45 17.0703 16.54 17.0703 17.77C17.0703 19.19 17.5503 20.37 18.5103 21.27C19.4603 22.16 20.6503 22.71 22.0903 22.71C23.1503 22.71 24.1603 22.37 25.0703 21.89C25.6403 21.59 26.1203 21.21 26.5303 20.75L26.1503 22.71H31.4803L32.4603 17.61L33.4203 12.72C33.7103 11.2 33.6603 9.87 33.2503 8.76C32.8403 7.63 32.1003 6.75 31.0403 6.15C30.0103 5.56 28.6903 5.26 27.1303 5.26M27.3903 15.11C27.2403 15.91 26.9803 16.55 26.6103 17.03C26.2403 17.51 25.8303 17.85 25.4003 18.04C24.5203 18.43 23.7703 18.45 23.3103 18.01C23.0803 17.79 22.9703 17.5 22.9703 17.12C22.9703 16.74 23.0803 16.44 23.3103 16.18C23.5603 15.89 23.9203 15.65 24.3603 15.45C24.8303 15.24 25.3803 15.09 25.9803 14.98C26.4303 14.9 26.8803 14.86 27.3403 14.86H27.4203L27.3803 15.09L27.3903 15.11Z"></path><path d="M47.2104 5.25C46.0004 5.25 44.8604 5.52 43.8304 6.04C43.2604 6.33 42.7504 6.7 42.2904 7.14L42.6604 5.25H36.7904L33.4004 22.71H39.2604L40.8304 14.82C41.0004 13.91 41.2804 13.07 41.6404 12.32C41.9904 11.58 42.4504 10.98 43.0104 10.51C43.5504 10.06 44.1504 9.85 44.8704 9.85C45.6404 9.85 46.1404 10.11 46.3904 10.65C46.6804 11.26 46.7204 12.13 46.5104 13.24L44.6604 22.72H50.5804L52.4704 13C52.9304 10.69 52.7104 8.82 51.8304 7.42C50.9304 5.99 49.3804 5.26 47.2104 5.26V5.25Z"></path><path d="M66.6604 7.57C66.4304 7.19 66.1404 6.83 65.7904 6.49C64.9404 5.66 63.7404 5.24 62.2304 5.24C60.6104 5.24 59.1504 5.75 57.8904 6.76C56.6504 7.75 55.6704 9.03 54.9804 10.56C54.2904 12.08 53.9404 13.65 53.9404 15.21C53.9404 16.64 54.1804 17.93 54.6604 19.05C55.1504 20.19 55.8504 21.09 56.7504 21.73C57.6604 22.37 58.7304 22.7 59.9204 22.7C60.9804 22.7 61.9804 22.45 62.9004 21.95C63.4004 21.68 63.7004 21.38 64.0404 21C64.0204 21.1 63.7104 22.7 63.7104 22.7H69.6104L74.0304 0H68.1404L66.6704 7.57H66.6604ZM65.6304 12.76C65.6304 13.49 65.4804 14.29 65.1704 15.12C64.8704 15.94 64.4304 16.65 63.8504 17.23C63.3004 17.78 62.6704 18.05 61.9204 18.05C61.4704 18.05 61.1004 17.95 60.8004 17.74C60.4904 17.53 60.2604 17.23 60.1004 16.83C59.9304 16.41 59.8404 15.89 59.8404 15.28C59.8404 14.54 59.9904 13.74 60.2804 12.88C60.5704 12.04 61.0104 11.31 61.5704 10.72C62.1104 10.16 62.7304 9.89 63.4504 9.89C63.8704 9.89 64.2504 9.99 64.5704 10.19C64.8904 10.39 65.1404 10.7 65.3304 11.12C65.5304 11.56 65.6304 12.11 65.6304 12.75V12.76Z"></path><path d="M87.7295 22.7098L88.6295 18.0998L82.0295 18.1198C81.2695 18.1398 80.5995 18.0398 79.9995 17.8398C79.4295 17.6498 79.0195 17.3498 78.7295 16.9298C78.4995 16.5998 78.4095 16.1998 78.4395 15.7198H89.3595L89.4395 15.4598C89.6495 14.8198 89.7895 14.2198 89.8695 13.6798C89.9495 13.1298 89.9895 12.5798 89.9895 12.0498C89.9895 10.7298 89.7095 9.54977 89.1495 8.52977C88.5895 7.49977 87.7295 6.67977 86.6095 6.10977C85.4995 5.54977 84.1395 5.25977 82.5695 5.25977C80.5295 5.25977 78.7395 5.75977 77.2595 6.72977C75.7895 7.69977 74.6595 8.95977 73.9095 10.4598C73.1595 11.9598 72.7695 13.5098 72.7695 15.0798C72.7695 16.4698 73.0595 17.7598 73.6395 18.9098C74.2195 20.0698 75.1395 21.0098 76.3595 21.6898C77.5695 22.3698 79.0995 22.7098 80.8895 22.7098H87.7195H87.7295ZM79.7895 10.7398C80.1295 10.3598 80.5395 10.0598 80.9995 9.85977C81.8895 9.45977 83.0095 9.42977 83.7995 9.85977C84.1695 10.0598 84.4495 10.3398 84.6395 10.7098C84.7795 10.9798 84.8495 11.2698 84.8395 11.5898H79.2095C79.3695 11.2798 79.5595 10.9998 79.7895 10.7498V10.7398Z"></path><path d="M188.83 22.7098L189.73 18.0998L183.13 18.1198C182.37 18.1398 181.7 18.0398 181.1 17.8398C180.53 17.6498 180.12 17.3498 179.83 16.9298C179.6 16.5998 179.51 16.1998 179.54 15.7198H190.46L190.54 15.4598C190.75 14.8198 190.89 14.2198 190.97 13.6798C191.05 13.1298 191.09 12.5798 191.09 12.0498C191.09 10.7298 190.81 9.54977 190.25 8.52977C189.69 7.49977 188.83 6.67977 187.71 6.10977C186.6 5.54977 185.24 5.25977 183.67 5.25977C181.63 5.25977 179.84 5.75977 178.36 6.72977C176.89 7.69977 175.76 8.95977 175.01 10.4598C174.26 11.9598 173.87 13.5098 173.87 15.0798C173.87 16.4698 174.16 17.7598 174.74 18.9098C175.32 20.0698 176.24 21.0098 177.46 21.6898C178.67 22.3698 180.2 22.7098 181.99 22.7098H188.82H188.83ZM180.89 10.7398C181.23 10.3598 181.64 10.0598 182.1 9.85977C182.99 9.45977 184.11 9.42977 184.9 9.85977C185.27 10.0598 185.55 10.3398 185.74 10.7098C185.88 10.9798 185.95 11.2698 185.94 11.5898H180.31C180.47 11.2798 180.66 10.9998 180.89 10.7498V10.7398Z"></path><path d="M102.23 5.25023C101.08 5.25023 100.03 5.82023 99.12 6.65023C98.66 7.07023 98.4 7.54023 98.08 8.08023C98.09 7.99023 98.63 5.24023 98.63 5.24023H93.39L90 22.7002H95.89L97.34 15.2602C97.54 14.2202 97.95 13.3302 98.23 12.8102C98.63 11.9402 99.26 11.2502 99.81 10.8402C100.52 10.3002 100.89 10.0502 103.29 10.0502H103.7L104.63 5.25023"></path><path d="M116.65 17.4601C117.66 17.4601 118.44 17.4501 118.99 17.2501C119.51 17.0701 119.87 16.8501 120.04 16.6201C120.21 16.3901 120.3 16.1701 120.3 15.9701C120.3 15.6701 120.17 15.4001 119.91 15.1401C119.61 14.8401 119.26 14.5901 118.86 14.3801C118.45 14.1701 118.02 13.9801 117.6 13.8301L117.49 13.7701C117.38 13.7501 117.31 13.7201 117.24 13.7001C117.15 13.6701 117.05 13.6201 116.96 13.5801C115.58 13.0501 114.44 12.5101 113.61 11.9901C112.75 11.4501 112.1 10.8201 111.67 10.1101C111.24 9.3901 111.01 8.5201 111.01 7.5201C111.01 5.9801 111.48 4.6401 112.4 3.5401C113.31 2.4701 114.49 1.6501 115.91 1.1101C117.47 0.520104 119.11 0.280104 120.73 0.310104H127.94L126.92 5.5501H120.4C120.4 5.5501 119.14 5.5301 118.67 5.6301C118.12 5.7601 117.68 5.9501 117.37 6.2001C117.1 6.4201 116.97 6.6801 116.97 7.0001C116.97 7.3501 117.12 7.6101 117.46 7.8201C117.88 8.0901 118.72 8.4701 119.95 8.9601C120.01 8.9701 120.1 9.0101 120.19 9.0501C120.23 9.0701 120.27 9.0901 120.32 9.1001C120.48 9.1501 120.61 9.2001 120.73 9.2601C120.84 9.3101 120.94 9.3501 121.03 9.3901C122.16 9.8801 123.11 10.4201 123.87 10.9801C124.65 11.5601 125.25 12.2201 125.67 12.9401C126.09 13.6701 126.3 14.4901 126.3 15.3801C126.3 16.4601 125.98 17.5801 125.35 18.7001C124.72 19.8301 123.69 20.7901 122.31 21.5601C120.93 22.3301 119.16 22.7201 117.04 22.7201C115.57 22.7201 108.12 22.7201 108.12 22.7201L109.14 17.4701H116.61L116.65 17.4601Z"></path><path d="M140.79 5.25L135.51 15.34C135.51 15.27 135.51 15.21 135.5 15.14C135.47 14.71 135.41 14.17 135.3 13.48L134.02 5.25H128.23L131.72 22L128.34 27.72H134.04L147.38 5.25H140.8H140.79Z"></path><path d="M169.78 18.0902C168.93 18.0902 168.76 17.6802 168.7 17.5602C168.57 17.2902 168.46 16.7302 168.69 15.5602L169.79 9.83018H174.18L175.07 5.24018H170.68L171.52 0.930176L165.41 1.93018L164.76 5.24018H162.09L161.19 9.83018H163.87L162.66 16.2302C162.41 17.5802 162.42 18.7402 162.68 19.6702C162.96 20.6402 163.51 21.3802 164.33 21.8702C165.12 22.3402 166.16 22.7002 167.4 22.7002H171.85L172.75 18.0902C172.75 18.0902 170.27 18.0902 169.77 18.0902H169.78Z"></path><path d="M217.82 6.23023C217.02 5.58023 215.94 5.24023 214.6 5.24023C213.34 5.24023 212.18 5.53023 211.13 6.11023C210.27 6.59023 209.52 7.25023 208.88 8.09023C208.59 7.29023 208.13 6.64023 207.52 6.16023C206.74 5.55023 205.71 5.24023 204.45 5.24023C203.29 5.24023 202.22 5.50023 201.26 6.02023C200.75 6.30023 200.27 6.65023 199.83 7.07023L200.18 5.24023H194.47L191.09 22.7002H196.98L198.52 14.8002C198.69 13.8502 198.94 12.9902 199.26 12.2402C199.57 11.5102 199.97 10.9102 200.45 10.4602C200.9 10.0302 201.43 9.83023 202.05 9.83023C202.91 9.83023 203.13 10.2102 203.22 10.5402C203.39 11.1402 203.36 12.0502 203.15 13.2202L201.32 22.7002H207.16L208.75 14.4502C209.04 13.0602 209.47 11.9202 210.05 11.0402C210.58 10.2302 211.27 9.83023 212.17 9.83023C212.81 9.83023 213.17 10.0602 213.33 10.5902C213.52 11.2102 213.51 12.1002 213.31 13.2302L211.47 22.7102H217.38L219.27 12.9802C219.54 11.4602 219.57 10.1202 219.36 8.99023C219.14 7.82023 218.63 6.89023 217.83 6.23023H217.82Z"></path></svg></a><a class="text-gray-600 hover:text-gray-800" href="https://laracasts.com" title="Laracasts"><svg class="h-[0.8125rem] w-auto fill-current" viewBox="0 0 206 24"><path d="M0 3.4h4.47v15.677h9.683v3.643H0V3.4zm34.146 15.18H25.18l-1.71 4.14h-4.58L27.496 3.4h4.415l8.635 19.32h-4.69l-1.71-4.14zm-1.407-3.395l-3.062-7.397-3.063 7.397h6.125zm26.725 7.535l-3.724-5.382h-4.111v5.382h-4.47V3.4h8.36c1.71 0 3.196.285 4.456.855 1.26.57 2.23 1.38 2.91 2.43.68 1.048 1.021 2.29 1.021 3.725 0 1.436-.345 2.673-1.035 3.713s-1.669 1.835-2.938 2.387l4.332 6.21h-4.8zm-.083-12.31c0-1.085-.35-1.918-1.048-2.498-.699-.58-1.72-.869-3.062-.869h-3.642v6.735h3.642c1.342 0 2.363-.295 3.062-.884.699-.588 1.048-1.416 1.048-2.484zm25.373 8.17h-8.966l-1.71 4.14h-4.58L78.104 3.4h4.415l8.635 19.32h-4.69l-1.71-4.14zm-1.407-3.395l-3.062-7.397-3.063 7.397h6.125zm23.387 7.867c-1.968 0-3.748-.428-5.339-1.284-1.59-.855-2.841-2.042-3.752-3.56-.91-1.518-1.366-3.234-1.366-5.148 0-1.914.456-3.63 1.366-5.148.91-1.518 2.161-2.704 3.752-3.56 1.591-.856 3.38-1.284 5.366-1.284 1.674 0 3.187.295 4.539.884a9.09 9.09 0 0 1 3.407 2.539l-2.87 2.65c-1.305-1.51-2.924-2.264-4.855-2.264-1.195 0-2.262.263-3.2.787a5.59 5.59 0 0 0-2.194 2.194c-.524.939-.786 2.006-.786 3.202 0 1.196.262 2.263.786 3.202a5.59 5.59 0 0 0 2.194 2.194c.938.524 2.005.787 3.2.787 1.931 0 3.55-.764 4.856-2.291l2.87 2.65a8.944 8.944 0 0 1-3.422 2.566c-1.361.59-2.878.884-4.552.884zm47.27 0c-1.527 0-3.003-.207-4.429-.621-1.425-.414-2.57-.953-3.435-1.615l1.518-3.367c.828.607 1.812 1.094 2.952 1.462 1.14.368 2.28.552 3.421.552 1.27 0 2.207-.188 2.814-.565.607-.378.91-.879.91-1.505 0-.46-.179-.841-.537-1.145-.36-.304-.819-.547-1.38-.731a27.449 27.449 0 0 0-2.276-.608c-1.471-.35-2.676-.699-3.614-1.049a5.872 5.872 0 0 1-2.414-1.683c-.672-.773-1.007-1.803-1.007-3.091 0-1.123.303-2.14.91-3.05.607-.911 1.522-1.633 2.745-2.167 1.223-.534 2.718-.8 4.484-.8 1.232 0 2.437.147 3.614.441 1.177.295 2.207.718 3.09 1.27l-1.38 3.395c-1.784-1.012-3.568-1.518-5.352-1.518-1.25 0-2.175.202-2.773.607-.598.405-.896.938-.896 1.6 0 .663.344 1.155 1.034 1.477.69.322 1.743.64 3.16.953 1.47.35 2.675.699 3.613 1.048.938.35 1.743.902 2.414 1.656.672.755 1.007 1.776 1.007 3.064a5.277 5.277 0 0 1-.924 3.022c-.616.911-1.54 1.634-2.773 2.167-1.232.534-2.73.8-4.497.8zm19.579-16.009h-6.18V3.4h16.83v3.643h-6.18V22.72h-4.47V7.043zm23.855 16.009c-1.526 0-3.002-.207-4.428-.621-1.425-.414-2.57-.953-3.435-1.615l1.518-3.367c.827.607 1.811 1.094 2.952 1.462 1.14.368 2.28.552 3.42.552 1.27 0 2.208-.188 2.815-.565.607-.378.91-.879.91-1.505 0-.46-.18-.841-.538-1.145-.358-.304-.818-.547-1.38-.731a27.449 27.449 0 0 0-2.275-.608c-1.472-.35-2.676-.699-3.614-1.049a5.872 5.872 0 0 1-2.415-1.683c-.67-.773-1.007-1.803-1.007-3.091 0-1.123.304-2.14.91-3.05.608-.911 1.523-1.633 2.746-2.167 1.223-.534 2.718-.8 4.483-.8 1.233 0 2.437.147 3.614.441 1.178.295 2.208.718 3.09 1.27l-1.379 3.395c-1.784-1.012-3.568-1.518-5.352-1.518-1.251 0-2.175.202-2.773.607-.598.405-.897.938-.897 1.6 0 .663.345 1.155 1.035 1.477.69.322 1.743.64 3.159.953 1.471.35 2.676.699 3.614 1.048.938.35 1.743.902 2.414 1.656.671.755 1.007 1.776 1.007 3.064a5.277 5.277 0 0 1-.924 3.022c-.616.911-1.54 1.634-2.773 2.167-1.232.534-2.731.8-4.497.8z"></path><path d="M123.42 6.017l3.147 3.146a1.661 1.661 0 1 1-2.35 2.35l-3.146-3.146a1.661 1.661 0 1 1 2.35-2.35zM130.15 12.746l6.742 6.742a1.661 1.661 0 1 1-2.35 2.35l-6.742-6.742a1.661 1.661 0 1 1 2.35-2.35z"></path><path d="M121.823 5.59L139.95.876a1.707 1.707 0 0 1 2.076 1.198 1.658 1.658 0 0 1-1.182 2.046l-18.125 4.715a1.707 1.707 0 0 1-2.076-1.199 1.658 1.658 0 0 1 1.181-2.046z"></path><path d="M134.083 20.2l4.715-18.125a1.658 1.658 0 0 1 2.046-1.182 1.707 1.707 0 0 1 1.198 2.076l-4.714 18.126a1.658 1.658 0 0 1-2.046 1.18 1.707 1.707 0 0 1-1.199-2.075zM133.465 11.86l-6.55 6.55a1.69 1.69 0 1 1-2.39-2.39l6.55-6.549a1.69 1.69 0 0 1 2.39 2.39zM123.715 21.61l-.986.987a1.69 1.69 0 1 1-2.39-2.39l.986-.986a1.69 1.69 0 0 1 2.39 2.39z"></path></svg></a><a class="text-gray-600 hover:text-gray-800" href="https://www.bairesdev.com/sponsoring-open-source-projects/" title="BairesDev"><svg class="h-[1.125rem] w-auto fill-current" viewBox="0 0 805 136"><path d="M83.5 11.4c32.4 0 58.6 26.2 58.6 58.6 0 32.4-26.2 58.6-58.6 58.6V11.4Z"></path><path d="M42.1 10.6c31 9.3 48.6 42 39.2 73-9.3 31-42 48.6-73 39.2L42.1 10.6ZM174.4 21.7h34.8c18.3 0 28.9 10.6 28.9 24.7 0 8.6-4.3 15.6-11 19.5v.8c6.2 2.6 14.1 9.3 14.1 21.8 0 17.3-13.7 27.3-29.3 27.3h-37.5V21.7ZM207 60.4c8.2 0 13.3-5 13.3-12.2 0-7-5.2-11.7-13-11.7h-15.7v23.9H207Zm.4 40.2c8.7 0 14.9-4.3 14.9-13.6s-7.3-13.3-15.4-13.3h-15.3v26.9h15.8ZM248.4 80.8c0-22.2 13.4-37.5 32.8-37.5 12.2 0 19.1 7.3 21.5 10.9h.9v-9.1H321v70.6h-17.2v-9h-.9c-2 3-8.3 10.7-21.2 10.7-19.8.1-33.3-14.7-33.3-36.6Zm55.6-.3c0-13.3-8.1-21.4-19.1-21.4-11.1 0-18.8 8.9-18.8 21.4 0 12.8 7.7 21.2 18.9 21.2 11.7.1 19-9.3 19-21.2ZM333.5 25.5c0-6 4.4-10.1 10.7-10.1 6.3 0 10.7 4 10.7 10.1 0 6.3-4.4 10.2-10.7 10.2-6.3 0-10.7-3.9-10.7-10.2Zm2 19.6H353v70.6h-17.5V45.1ZM367.5 45.1H384v11.6h1.1c2.3-5.5 8.7-11.8 18.5-11.8h6.4v16.7h-7.3c-11.1 0-17.9 8.2-17.9 20.8v33.4h-17.5V45.1h.2ZM414.9 80.8c0-22.3 14.9-37.5 35.6-37.5 22.7 0 35 16.8 35 36.7v5.5h-53.7c.5 10.7 7.9 18 19.2 18 8.6 0 15.2-4 17.6-9.8h16.2c-3.5 14.4-16.1 23.8-34.4 23.8-20.8 0-35.5-15.6-35.5-36.7Zm54-7.6c-.8-9.5-8.2-15.8-18.4-15.8-9.8 0-17.3 7-18.4 15.8h36.8ZM493.6 94.5h16.1c.7 6 5.5 9.3 13.4 9.3 8.1 0 12.6-3.5 12.6-8.5 0-15-40.6-.8-40.6-30.3 0-12 10.3-21.6 27.8-21.6 15.3 0 26.7 7.8 27.8 21.9h-15.4c-.8-5.1-4.8-8.5-12.5-8.5-7.1 0-11.7 3.1-11.7 7.7 0 13.4 41.5-.7 41.5 29.9 0 13.4-10.9 23.1-29.8 23.1-19 0-28.6-9-29.2-23ZM566.1 21.7h31.7c29.9 0 47.9 19.3 47.9 46.7 0 29.1-18 47.3-47.9 47.3h-31.7v-94Zm31 78.4c16.5 0 30.1-9.7 30.1-31.7 0-21.1-13.4-31.2-30.1-31.2h-13.2V100h13.2v.1ZM653.6 80.8c0-22.3 14.9-37.5 35.6-37.5 22.7 0 35 16.8 35 36.7v5.5h-53.7c.5 10.7 7.9 18 19.2 18 8.6 0 15.2-4 17.6-9.8h16.2c-3.5 14.4-16.1 23.8-34.4 23.8-20.7 0-35.5-15.6-35.5-36.7Zm54-7.6c-.8-9.5-8.2-15.8-18.4-15.8-9.8 0-17.3 7-18.4 15.8h36.8ZM726.3 45.1h18.2l16.8 49.8h1.1l16.7-49.8h18.6l-25.9 70.6h-19.7l-25.8-70.6Z"></path></svg></a></div></div><div class="mx-auto flex max-w-6xl py-12 md:px-12 md:py-24 xl:px-0"><nav class="hidden flex-shrink-0 border-r md:block md:w-48 lg:w-56"><div class="-mx-6 mt-4 mb-6 flex justify-center border-b pb-4 md:hidden"><a class="mr-5 flex items-center text-gray-500 hover:text-gray-700" href="https://github.com/inertiajs"><svg class="h-5 w-5 fill-current" viewBox="0 0 20 20"><title>GitHub</title><path d="M10 0a10 10 0 0 0-3.16 19.49c.5.1.68-.22.68-.48l-.01-1.7c-2.78.6-3.37-1.34-3.37-1.34-.46-1.16-1.11-1.47-1.11-1.47-.9-.62.07-.6.07-.6 1 .07 1.53 1.03 1.53 1.03.9 1.52 2.34 1.08 2.91.83.1-.65.35-1.09.63-1.34-2.22-.25-4.55-1.11-4.55-4.94 0-1.1.39-1.99 1.03-2.69a3.6 3.6 0 0 1 .1-2.64s.84-.27 2.75 1.02a9.58 9.58 0 0 1 5 0c1.91-1.3 2.75-1.02 2.75-1.02.55 1.37.2 2.4.1 2.64.64.7 1.03 1.6 1.03 2.69 0 3.84-2.34 4.68-4.57 4.93.36.31.68.92.68 1.85l-.01 2.75c0 .26.18.58.69.48A10 10 0 0 0 10 0"></path></svg></a><a class="mr-5 flex items-center text-gray-500 hover:text-gray-700" href="https://twitter.com/inertiajs"><svg class="h-5 w-5 fill-current" viewBox="0 0 20 20"><title>Twitter</title><path d="M6.29 18.25c7.55 0 11.67-6.25 11.67-11.67v-.53c.8-.59 1.49-1.3 2.04-2.13-.75.33-1.54.55-2.36.65a4.12 4.12 0 0 0 1.8-2.27c-.8.48-1.68.81-2.6 1a4.1 4.1 0 0 0-7 3.74 11.65 11.65 0 0 1-8.45-4.3 4.1 4.1 0 0 0 1.27 5.49C2.01 8.2 1.37 8.03.8 7.7v.05a4.1 4.1 0 0 0 3.3 4.03 4.1 4.1 0 0 1-1.86.07 4.1 4.1 0 0 0 3.83 2.85A8.23 8.23 0 0 1 0 16.4a11.62 11.62 0 0 0 6.29 1.84"></path></svg></a><a class="flex items-center text-gray-500 hover:text-gray-700" href="https://discord.gg/gwgxN8Y"><svg class="h-5 w-5 fill-current" viewBox="0 0 146 146"><title>Discord</title><path d="M107.75 125.001s-4.5-5.375-8.25-10.125c16.375-4.625 22.625-14.875 22.625-14.875-5.125 3.375-10 5.75-14.375 7.375-6.25 2.625-12.25 4.375-18.125 5.375-12 2.25-23 1.625-32.375-.125-7.125-1.375-13.25-3.375-18.375-5.375-2.875-1.125-6-2.5-9.125-4.25-.375-.25-.75-.375-1.125-.625-.25-.125-.375-.25-.5-.375-2.25-1.25-3.5-2.125-3.5-2.125s6 10 21.875 14.75c-3.75 4.75-8.375 10.375-8.375 10.375-27.625-.875-38.125-19-38.125-19 0-40.25 18-72.875 18-72.875 18-13.5 35.125-13.125 35.125-13.125l1.25 1.5c-22.5 6.5-32.875 16.375-32.875 16.375s2.75-1.5 7.375-3.625c13.375-5.875 24-7.5 28.375-7.875.75-.125 1.375-.25 2.125-.25 7.625-1 16.25-1.25 25.25-.25 11.875 1.375 24.625 4.875 37.625 12 0 0-9.875-9.375-31.125-15.875l1.75-2S110 19.626 128 33.126c0 0 18 32.625 18 72.875 0 0-10.625 18.125-38.25 19zM49.625 66.626c-7.125 0-12.75 6.25-12.75 13.875s5.75 13.875 12.75 13.875c7.125 0 12.75-6.25 12.75-13.875.125-7.625-5.625-13.875-12.75-13.875zm45.625 0c-7.125 0-12.75 6.25-12.75 13.875s5.75 13.875 12.75 13.875c7.125 0 12.75-6.25 12.75-13.875s-5.625-13.875-12.75-13.875z" fill-rule="nonzero"></path></svg></a></div><ul><li class="md:pr-3"><a class="block -ml-3 pl-3 pr-2 py-1 md:py-2 font-medium border-l-4 rounded-r border-purple-400 bg-purple-100 text-purple-700" href="/">Introduction</a></li><li class="md:pr-3"><a class="inline-block py-1 md:py-2 hover:text-blue-700 hover:underline font-medium text-gray-700" href="/demo-application">Demo app</a></li><li class="md:pr-3"><a class="inline-block py-1 md:py-2 hover:text-blue-700 hover:underline font-medium text-gray-700" href="/upgrade-guide">Upgrade guide</a></li></ul><div class="mt-8 mb-3 text-xs font-bold uppercase tracking-widest text-gray-500 md:mt-12">Installation</div><ul><li class="md:pr-3"><a class="inline-block py-1 md:py-2 hover:text-blue-700 hover:underline font-medium text-gray-700" href="/server-side-setup">Server-side</a></li><li class="md:pr-3"><a class="inline-block py-1 md:py-2 hover:text-blue-700 hover:underline font-medium text-gray-700" href="/client-side-setup">Client-side</a></li></ul><div class="mt-8 mb-3 text-xs font-bold uppercase tracking-widest text-gray-500 md:mt-12">Core concepts</div><ul><li class="md:pr-3"><a class="inline-block py-1 md:py-2 hover:text-blue-700 hover:underline font-medium text-gray-700" href="/who-is-it-for">Who is it for</a></li><li class="md:pr-3"><a class="inline-block py-1 md:py-2 hover:text-blue-700 hover:underline font-medium text-gray-700" href="/how-it-works">How it works</a></li><li class="md:pr-3"><a class="inline-block py-1 md:py-2 hover:text-blue-700 hover:underline font-medium text-gray-700" href="/the-protocol">The protocol</a></li></ul><div class="mt-8 mb-3 text-xs font-bold uppercase tracking-widest text-gray-500 md:mt-12">The basics</div><ul><li class="md:pr-3"><a class="inline-block py-1 md:py-2 hover:text-blue-700 hover:underline font-medium text-gray-700" href="/pages">Pages</a></li><li class="md:pr-3"><a class="inline-block py-1 md:py-2 hover:text-blue-700 hover:underline font-medium text-gray-700" href="/responses">Responses</a></li><li class="md:pr-3"><a class="inline-block py-1 md:py-2 hover:text-blue-700 hover:underline font-medium text-gray-700" href="/redirects">Redirects</a></li><li class="md:pr-3"><a class="inline-block py-1 md:py-2 hover:text-blue-700 hover:underline font-medium text-gray-700" href="/routing">Routing</a></li><li class="md:pr-3"><a class="inline-block py-1 md:py-2 hover:text-blue-700 hover:underline font-medium text-gray-700" href="/title-and-meta">Title & meta</a></li><li class="md:pr-3"><a class="inline-block py-1 md:py-2 hover:text-blue-700 hover:underline font-medium text-gray-700" href="/links">Links</a></li><li class="md:pr-3"><a class="inline-block py-1 md:py-2 hover:text-blue-700 hover:underline font-medium text-gray-700" href="/manual-visits">Manual visits</a></li><li class="md:pr-3"><a class="inline-block py-1 md:py-2 hover:text-blue-700 hover:underline font-medium text-gray-700" href="/forms">Forms</a></li><li class="md:pr-3"><a class="inline-block py-1 md:py-2 hover:text-blue-700 hover:underline font-medium text-gray-700" href="/file-uploads">File uploads</a></li><li class="md:pr-3"><a class="inline-block py-1 md:py-2 hover:text-blue-700 hover:underline font-medium text-gray-700" href="/validation">Validation</a></li><li class="md:pr-3"><a class="inline-block py-1 md:py-2 hover:text-blue-700 hover:underline font-medium text-gray-700" href="/shared-data">Shared data</a></li></ul><div class="mt-8 mb-3 text-xs font-bold uppercase tracking-widest text-gray-500 md:mt-12">Advanced</div><ul><li class="md:pr-3"><a class="inline-block py-1 md:py-2 hover:text-blue-700 hover:underline font-medium text-gray-700" href="/events">Events</a></li><li class="md:pr-3"><a class="inline-block py-1 md:py-2 hover:text-blue-700 hover:underline font-medium text-gray-700" href="/testing">Testing</a></li><li class="md:pr-3"><a class="inline-block py-1 md:py-2 hover:text-blue-700 hover:underline font-medium text-gray-700" href="/partial-reloads">Partial reloads</a></li><li class="md:pr-3"><a class="inline-block py-1 md:py-2 hover:text-blue-700 hover:underline font-medium text-gray-700" href="/scroll-management">Scroll management</a></li><li class="md:pr-3"><a class="inline-block py-1 md:py-2 hover:text-blue-700 hover:underline font-medium text-gray-700" href="/authentication">Authentication</a></li><li class="md:pr-3"><a class="inline-block py-1 md:py-2 hover:text-blue-700 hover:underline font-medium text-gray-700" href="/authorization">Authorization</a></li><li class="md:pr-3"><a class="inline-block py-1 md:py-2 hover:text-blue-700 hover:underline font-medium text-gray-700" href="/csrf-protection">CSRF protection</a></li><li class="md:pr-3"><a class="inline-block py-1 md:py-2 hover:text-blue-700 hover:underline font-medium text-gray-700" href="/error-handling">Error handling</a></li><li class="md:pr-3"><a class="inline-block py-1 md:py-2 hover:text-blue-700 hover:underline font-medium text-gray-700" href="/asset-versioning">Asset versioning</a></li><li class="md:pr-3"><a class="inline-block py-1 md:py-2 hover:text-blue-700 hover:underline font-medium text-gray-700" href="/progress-indicators">Progress indicators</a></li><li class="md:pr-3"><a class="inline-block py-1 md:py-2 hover:text-blue-700 hover:underline font-medium text-gray-700" href="/remembering-state">Remembering state</a></li><li class="md:pr-3"><a class="inline-block py-1 md:py-2 hover:text-blue-700 hover:underline font-medium text-gray-700" href="/server-side-rendering">Server-side rendering</a></li></ul></nav><div class="flex-1 overflow-hidden px-6 text-lg leading-relaxed md:pl-12 md:pr-0 lg:pl-16 xl:pl-16 xl:pr-20" id="top"><h1 class="mb-12 text-4xl font-bold leading-none text-gray-700">JavaScript apps the monolith way</h1><p class="my-6">Inertia is a new approach to building classic server-driven web apps. We call it the modern monolith.</p><p class="my-6">Inertia allows you to create fully client-side rendered, single-page apps, without the complexity that comes with modern SPAs. It does this by leveraging existing server-side patterns that you already love.</p><p class="my-6">Inertia has no client-side routing, nor does it require an API. Simply build controllers and page views like you've always done! Inertia works great with any backend framework, but it's fine-tuned for<!-- --> <a href="https://laravel.com" class="text-blue-700 hover:text-orange-700 font-medium underline">Laravel</a>.</p><h2 id="not-a-framework" class="mt-16 mb-4 text-2xl font-bold leading-tight text-gray-700">Not a framework</h2><p class="my-6">Inertia isn't a framework, nor is it a replacement for your existing server-side or client-side frameworks. Rather, it's designed to work with them. Think of Inertia as glue that connects the two. Inertia does this via adapters. We currently have three official client-side adapters (React, Vue, and Svelte) and three server-side adapters (Laravel, Rails, and Phoenix).</p><h2 id="next-steps" class="mt-16 mb-4 text-2xl font-bold leading-tight text-gray-700">Next steps</h2><p class="my-6">Want to learn a bit more before diving in? Check out the <a class="text-blue-700 hover:text-orange-700 font-medium underline" href="/who-is-it-for">who is it for</a> and<!-- --> <a class="text-blue-700 hover:text-orange-700 font-medium underline" href="/how-it-works">how it works</a> pages. Or, if you're ready to get started, jump right into the<!-- --> <a class="text-blue-700 hover:text-orange-700 font-medium underline" href="/server-side-setup">installation instructions</a>.</p></div><div class="relative -mt-8 hidden w-44 flex-shrink-0 xl:block"><div class="sticky top-0 pt-8"><div class="mb-12"><div class="text-xs font-bold uppercase tracking-widest text-gray-500">On this page</div><ul><li class="mt-4"><a href="#top" class="font-medium text-gray-700 hover:text-blue-700 hover:underline">Introduction</a></li><li class="mt-4"><a href="#not-a-framework" class="font-medium text-gray-700 hover:text-blue-700 hover:underline">Not a framework</a></li><li class="mt-4"><a href="#next-steps" class="font-medium text-gray-700 hover:text-blue-700 hover:underline">Next steps</a></li></ul></div><div class="mb-6 text-xs font-bold uppercase tracking-widest text-gray-500">Our partners:</div><a class="block w-3/4" href="https://forge.laravel.com" title="Laravel Forge"><svg class="h-auto w-full" viewBox="0 0 217.38 39.97"><path fill="#19b59b" d="M77.94.32c4.13 0 6.03.74 7.2 2.22 1.68 2.22 2.64 6.66-.11 17.55S79.2 35.3 76.36 37.64c-1.9 1.48-4.23 2.22-8.36 2.22H54.8c-4.13 0-6.13-.74-7.2-2.22-1.68-2.22-2.63-6.66.22-17.55 2.75-10.9 5.92-15.23 8.78-17.55C58.49 1.06 60.8.32 64.94.32h13zM58.7 30.24c.21.32.74.42 2.43.42h5.08c1.69 0 2.32-.1 2.75-.42.52-.42 1.48-1.48 3.59-10.15 2.22-8.67 1.8-9.73 1.48-10.15-.21-.32-.74-.42-2.43-.42h-4.97c-1.7 0-2.33.1-2.75.42-.53.42-1.48 1.48-3.6 10.15-2.32 8.77-1.9 9.73-1.58 10.15zm51.28-3.17c-.42-.53-.85-.74-3.38-.74h-4.97c-.53 0-1.06.42-1.17.95L97.61 38.9c-.1.53-.64.95-1.16.95H86.19c-.53 0-.85-.42-.74-.95l9.4-37.64c.11-.53.64-.95 1.17-.95h24.1c3.92 0 6.03.53 7.2 2 1.27 1.8 1.69 3.7.32 9.2-1.8 7.4-4.55 9.52-9.3 10.47v.1c3.7.96 5.7 2.23 4.43 7.94-.74 3.27-1.27 6.55-1.58 8.77-.11.53-.64 1.06-1.17 1.06h-10.46c-.43 0-.85-.32-.74-.85.31-2.43.74-4.86 1.37-7.93.42-2.85.21-3.38-.21-4.01zm-.74-9.3c2.22 0 2.85-.11 3.28-.43.74-.53 1.26-1.48 1.8-3.8s.42-3.18 0-3.7c-.32-.32-.85-.43-3.07-.43h-5.5c-.53 0-1.06.42-1.16.95L103 16.92c-.1.53.21.95.74.95h5.5v-.1zM160.94 0c4.23 0 6.45.53 7.72 2 1.48 1.8 2 4.56.84 10.69-.1.53-.63.95-1.16.95h-9.83c-.53 0-.85-.42-.74-.85.42-2.43-.1-2.75-.43-3.17-.2-.32-.63-.42-2.43-.42h-5.07c-1.8 0-2.33.1-2.75.42-.64.53-1.8 2.33-3.7 10.36s-1.59 9.94-1.27 10.47c.21.32.74.42 2.54.42h5.39c1.59 0 2.22-.1 2.64-.42.53-.42 1.59-1.48 2.22-4.33l.1-.32h-7.6c-.53 0-.85-.43-.74-.95l1.48-6.35c.1-.53.63-.95 1.16-.95h18.3c.52 0 .84.42.73.95l-.95 3.91c-2.22 9.63-4.86 13-7.61 15.23-2.01 1.7-4.87 2.33-8.57 2.33H138c-4.13 0-6.14-.74-7.3-2.33-1.8-2.33-2.75-6.66-.1-17.66s5.7-15.43 8.56-17.65C141.06.74 143.39 0 147.51 0h13.43zm41.23 39.97h-31.6c-.54 0-.85-.43-.75-.96L178.7.95c.1-.53.64-.95 1.17-.95h36.79c.63 0 .95.63.53 1.27-1.59 2.54-7.72 7.93-14.6 7.93H189.8c-.52 0-1.05.42-1.16.95l-.95 4.23c-.1.53.21.95.74.95h17.23c.53 0 .85.42.74.95l-1.48 6.66c-.1.53-.63.95-1.16.95h-17.23c-.53 0-1.06.43-1.17.96l-1.16 4.86c-.1.53.21.95.74.95h19.35c.53 0 .84.42.74.95l-1.7 7.3c-.1.63-.63 1.06-1.16 1.06zM50.24.32H6.9c-.53 0-1.05.42-1.16.95l-1.06 3.8c-.1.43.1.75.43.96 1.69.53 10.78.74 9.4 5.81l-.31 1.38-3.7 13.85-.32 1.37c-1.37 5.08-6.24 5.29-8.25 5.82-.42.1-.74.52-.84.95L.02 39c-.1.53.21.96.74.96h17.66c.53 0 1.05-.43 1.16-.96l3.17-12.26c.1-.53.64-.95 1.16-.95h11.32c.53 0 1.06-.43 1.16-.95l1.7-6.56c.1-.53-.22-.95-.75-.95H26.03c-.53 0-.85-.42-.74-.95l1.59-5.92c.1-.53.63-.95 1.16-.95h17.02c.53 0 1.06-.43 1.16-.96l4.55-7.19c.21-.63 0-1.05-.53-1.05z"></path></svg></a><div class="mt-12 border-t pt-12" id="ad"></div></div></div></div></div></div> </body> </html>