inertia-form

Generate i18n-aware Inertia CreateForm and EditForm components for Goravel entities.

16|11|Updated Jun 12, 2025

Search Tags:#react #validation #forms #i18n #translations #inertia #forwardref

Ready to run

npx skills add https://github.com/liwoo/goravel-inertia-tw-starter --skill inertia-form

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: inertia-form
Source: https://github.com/liwoo/goravel-inertia-tw-starter/tree/main/.claude/skills/inertia-form
Command: npx skills add https://github.com/liwoo/goravel-inertia-tw-starter --skill inertia-form

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Scaffolds consistent, i18n-aware create/edit form components for Goravel entities, enabling rapid UI development with proper translations, validation messages, and toast notifications.

Core Features & Use Cases

Generates forwardRef-based CreateForm and EditForm components that expose a handleSubmit method for integration with Crud pages.
Uses useTranslation for i18n labels, placeholders, and validation messages, keeping UI text centralized.
Includes ready-to-adapt form templates that map camelCase state to snake_case payloads for API requests, with nullable fields handled correctly.
Suitable for CRUD workflows in a React/Inertia app, enabling quick scaffolding of forms for new entities.

Quick Start

Provide an EntityName to scaffold i18n-aware Inertia form components for a Goravel entity.

Frequently Asked Questions about inertia-form

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I scaffold i18n-aware Inertia form components for a Goravel entity?▼

Provide an EntityName to scaffold i18n-aware Inertia form components for a Goravel entity. The generated CreateForm.tsx and EditForm.tsx files include translation-backed labels, validation messages, and proper API request handling.

What is the best way to handle camelCase to snake_case data mapping in React Inertia forms?▼

The best way to handle camelCase to snake_case data mapping in React Inertia forms is to use generated templates that automatically map camelCase state to snake_case payloads for API requests, ensuring nullable fields are handled correctly.

Does forwardRef work with Inertia form components for exposing submit methods?▼

forwardRef works with Inertia form components by exposing a handleSubmit method for integration with Crud pages. The generated CreateForm and EditForm components use forwardRef to enable parent components to trigger form submission.

Can I use useTranslation for form validation messages in a React Inertia CRUD workflow?▼

You can use useTranslation for form validation messages in a React Inertia CRUD workflow. The i18n-aware components centralize UI text, labels, placeholders, and validation messages through the useTranslation hook.

Why does my Inertia form component need the X-Requested-With header for API requests?▼

Inertia form components need the X-Requested-With header for API requests to properly identify AJAX requests. The generated forms include proper API request handling with this header to ensure correct server-side processing.