inertia
Generates Inertia.js configurations and scripts for building single-page applications. Run local commands to debug and deploy.
Installation
Follow the repository instructions for this skill and your agent. Review the files and dependencies before adding it to your workflow.
View source ↗GuidesSkill instructions
Instructions
Inertia Core
- Inertia.js components should be placed in the
resources/js/Pagesdirectory unless specified differently in the JS bundler (vite.config.js). - Use
Inertia::render()for server-side routing instead of traditional Blade views. - Use
search-docsfor accurate guidance on all things Inertia.
Inertia v2
- Make use of all Inertia features from v1 & v2. Check the documentation before making any changes to ensure we are taking the correct approach.
Inertia v2 New Features
- Polling
- Prefetching
- Deferred props
- Infinite scrolling using merging props and
WhenVisible - Lazy loading data on scroll
Deferred Props & Empty States
- When using deferred props on the frontend, you should add a nice empty state with pulsing / animated skeleton.
Inertia Form General Guidance
- Build forms using the
useFormhelper. Use the code examples andsearch-docstool with a query ofuseForm helperfor guidance.
Examples
Read the usage examples in the source repository.
View source ↗Source history
- Indexed on
- 2026-01-20
- Index updated
- 2026-01-26
- Branch
- main
Index and sync dates describe this directory. View the source repository for code history.
GitHub ↗chat Comments (0)
Sign in to join the discussion and leave a comment.
No comments yet. Be the first to share your thoughts!