litestar-inertia
Installation
SKILL.md
Litestar + Inertia.js Integration
litestar-inertia is the four-library story:
| Layer | Library | Role |
|---|---|---|
| Client SPA | @inertiajs/react / @inertiajs/vue3 / @inertiajs/svelte |
Page resolution, forms, navigation, shared data access |
| Frontend build | vite |
Bundling, HMR, dev server, production build |
| Python bridge | litestar-vite |
VitePlugin + InertiaConfig, asset manifest, type generation, page-props codec |
| Server framework | litestar |
Routes, Controllers, Guards, DI, DTOs — returning Inertia responses |
You can't skip any of these. Using Inertia with Litestar requires all four, and the skills form a chain: Litestar routes produce page data → ViteConfig.inertia configures the Inertia response layer → Vite-served client bundle mounts the page component → Inertia client takes over for subsequent navigations.
This skill covers that integration end-to-end. For anything that's purely about one layer (e.g., Vite config internals) see the corresponding sibling skill.