| name | inertia |
| description | Inertia.js server-side rendering, redirects, shared data, forms, validation, and client-side patterns for The Boring JavaScript Stack. Use this skill when building pages, handling form submissions, managing redirects, sharing data, or working with any Inertia.js feature in a Sails.js application.
|
| metadata | {"author":"sailscastshq","version":"1.0.0","tags":"inertia, sails, boring-stack, spa, forms, redirects, shared-data, props"} |
Inertia.js for The Boring JavaScript Stack
Inertia.js is the bridge between Sails.js and your frontend framework (React, Vue, or Svelte) in The Boring JavaScript Stack. It lets you build modern single-page apps using classic server-side routing and controllers -- no API required. The inertia-sails package implements the full Inertia.js v2 protocol as a Sails hook.
When to Use
Use this skill when:
- Rendering pages with Inertia (
responseType: 'inertia')
- Setting page-specific meta tags, titles, and OG images with locals (
sails.inertia.local(), return { locals })
- Handling form submissions and redirects (
responseType: 'redirect' vs 'inertiaRedirect')
- Sharing data globally across all pages (
sails.inertia.share(), once(), refreshOnce())
- Working with flash messages (
sails.inertia.flash())
- Handling validation errors (
responseType: 'badRequest', form.errors)
- Using advanced props: deferred, optional, always, merge, scroll