inertia-coder

name	inertia-coder
description	Build modern SPAs with Inertia.js and Rails using React, Vue, or Svelte. Use when creating Inertia pages, handling forms with useForm, managing shared props, or implementing client-side routing. Triggers on Inertia.js setup, SPA development, or React/Vue/Svelte with Rails.

Inertia.js + Rails

Build modern single-page applications using Inertia.js with React/Vue/Svelte and Rails backend.

When to Use This Skill

• Setting up Inertia.js with Rails
• Creating Inertia page components
• Handling forms with useForm hook
• Managing shared props and flash messages
• Client-side routing without API complexity
• File uploads with progress tracking

What is Inertia.js?

Inertia.js allows you to build SPAs using classic server-side routing and controllers.

Approach	Pros	Cons
Traditional Rails Views	Simple, server-rendered	Limited interactivity
Rails API + React SPA	Full SPA experience	Duplicated routing, complex state
Inertia.js	SPA + server routing	Best of both worlds

Quick Setup

# Gemfile
gem 'inertia_rails'
gem 'vite_rails'

bundle install
rails inertia:install  # Choose: React, Vue, or Svelte

# config/initializers/inertia_rails.rb
InertiaRails.configure  ||
  config.version = .digest

  config.share  ||
    {
       {
         controller.current_user&.as_json( [, , ])
      },
       controller.flash.to_hash
    }