What problem does it solve? Building a React, Vue, or Svelte single-page app backed by a Python Litestar server requires wiring four layers together: the Inertia client adapter, the Vite build pipeline, the litestar-vite bridge, and Litestar route handlers. This Skill guides that integration end-to-end so page components, shared props, forms, and validation errors flow correctly between Python and the browser. ## Core Features & Use Cases - Inertia route handlers: Return Inertia pages from Litestar controllers using component= decorators, with shared static, session, and request-time props configured through InertiaConfig. - Forms and validation: Use useForm on the client with Litestar ValidationException field errors automatically mapped into the client's errors object, plus CSRF handled transparently. - Performance patterns: Apply partial reloads, lazy props, and deferred props so pages only fetch the data they need, with TypeScript page-props types generated from Python schemas via TypeGen. - Use Case: Build an authenticated dashboard where Litestar guards protect routes, session-backed currentUser props are shared across all pages, and a project creation form displays server-side validation errors without writing any JSON API endpoints. ## Quick Start Ask the AI to scaffold a Litestar app with VitePlugin and InertiaConfig that renders a React dashboard page component with a useForm-based creation form.
