skills.rest
liwoo
liwooCOMMUNITY
Explore all skills by this author →
Website𝕏@liwucodesGitHub

inertia-custom-page

Scaffold non-CRUD Inertia pages with i18n and React components for Goravel apps.

16|11|Updated Jun 12, 2025
Search Tags:#typescript#react#routing#i18n#inertia#custom-page#goravel
One-click install
npx skills add https://github.com/liwoo/goravel-inertia-tw-starter --skill inertia-custom-page
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: inertia-custom-page
Source: https://github.com/liwoo/goravel-inertia-tw-starter/tree/main/.claude/skills/inertia-custom-page
Command: npx skills add https://github.com/liwoo/goravel-inertia-tw-starter --skill inertia-custom-page

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Quickly scaffold non-CRUD Inertia pages with backend/controller and frontend React components, all wired with i18n, so you can build dashboards, analytics, or custom pages without repeating boilerplate.

Core Features & Use Cases

  • Custom Inertia page controller and React component (non-CRUD) with i18n support.
  • Route registration, i18n namespace setup, and TypeScript prop interfaces to ensure type safety.
  • Ideal for dashboards, analytics, settings screens, and other bespoke pages that don’t fit CRUD patterns.

Quick Start

Create a new inertia page by following the template to implement a PageName-style controller, route, and React component.

Frequently Asked Questions about inertia-custom-page

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

FAQPage Schema
How do I create a custom Inertia page in a Goravel app that isn't a standard CRUD view?▼

To create a custom Inertia page in a Goravel app, use a blueprint to scaffold a non-CRUD page controller, register routes, set up an i18n namespace, define TypeScript props, and wire a React component to Inertia.

How do I add i18n support to a React dashboard component using Inertia and TypeScript?▼

Adding i18n support to a React dashboard involves scaffolding the custom Inertia page with a dedicated i18n namespace alongside TypeScript prop interfaces, ensuring translations are wired directly into the bespoke component.

What is the best way to build non-CRUD analytics or settings screens without repeating Inertia boilerplate?▼

The best way to build non-CRUD analytics or settings screens is using a reusable blueprint that scaffolds the page controller, route registration, i18n setup, and React component simultaneously to eliminate boilerplate.

Does this custom Inertia page scaffolding enforce type safety for React props?▼

Yes, the custom Inertia page scaffolding enforces type safety by generating TypeScript prop interfaces, ensuring that the React component receives strictly typed data from the Goravel page controller.

Can I use this to generate bespoke pages like reports and dashboards in Goravel?▼

Yes, you can generate bespoke pages like reports and dashboards in Goravel because the blueprint specifically targets non-CRUD workflows, providing the necessary controller and frontend component wiring.

Do I need to manually register routes for custom Inertia pages generated this way?▼

No, route registration is included automatically in the scaffolding blueprint, ensuring the custom Inertia page controller is immediately accessible without manually configuring the Goravel routing.

Related Skills

Explore More Software Engineering Skills→
liwooliwoo
16

goravel-crud-page

Generate admin CRUD page controllers, routes, and React/Inertia components for Goravel entities.

Community
Advanced
tech-with-sethtech-with-seth
4

add-chart

Implement reusable visx chart components with DaisyUI theming for React dashboards.

Official
Intermediate
liwooliwoo
16

inertia-page

Generate an Inertia index page component for a Goravel entity.

Community
Intermediate
mgkyawzayyamgkyawzayya
1

fullstack-implementation

Implement end-to-end Laravel 12, Inertia.js, React 19, and TypeScript features.

Community
Advanced