Create Inertia Page

When To Use

Use this skill when building client-rendered UI pages, setting up forms using React or Vue within a Laravel backend, or lazy loading dashboard data tables.

Workflow

1. Verify setup: Ensure inertiajs/inertia-laravel is installed and the root template (app.blade.php) is configured.
2. Scaffold frontend component: Create a Vue/React page inside resources/js/Pages/ (e.g. resources/js/Pages/Posts/Show.vue).
3. Draft Controller Handler: Write a controller action returning Inertia::render().
4. Setup client-side form: Use useForm to bind inputs and handle validations.

Examples

Good Example