The Gumroad RSC experiment
See the live product pages, PageSpeed reports, and recorded interactions comparing React Server Components with client-rendered Inertia.
Read the main article →Featured research · Gumroad + React Server Components
What changes when Gumroad renders with RSC?
Two essential reads on Rails + React performance: the experiment and the evidence behind it.
The technical reference
Inspect the repeated measurements, rendering choices, and trade-offs behind the experiment.
Read the technical reference →Free for most teams
React on Rails Pro and Inertia Rails SSR Cache are free before production.
React on Rails Pro and Inertia Rails SSR Cache are free in development, test, CI, and staging for everyone. Above the free line, what needs a subscription is production: anything that serves real users or supports a live application.
ShakaPerf follows its own rule in every environment, because it runs in your development process. Above the free line, ongoing ShakaPerf work, including CI, needs ShakaStack Pro after a 45-day evaluation. Qualifying public open-source work stays free, and publishing a result does not make private work free.
ShakaStack Pro covers React on Rails Pro, ShakaPerf, and Inertia Rails SSR Cache for your whole organization, with Slack support, at $1,800 per year per organization. There is no limit on headcount or revenue.
Quick Start
Paste into Cursor, Claude Code, Copilot, or any AI assistant. Each prompt points the agent at the official docs so it doesn't guess.
Turn on React Server Components
Turn on React Server Components in my React on Rails app (no license required). Follow https://reactonrails.com/docs/pro/react-server-components exactly, including the renderer and packer setup it specifies.
Start a new app
Set up a new Rails app using the default React on Rails Pro path (no license key required; production is free for small organizations, charities, schools, and hospitals, and a subscription for larger organizations) with TypeScript and server-side rendering. Follow the official guide at https://reactonrails.com/docs/getting-started/create-react-on-rails-app exactly; don't improvise commands or versions. Use --standard only when you intentionally want an open-source-only scaffold.
Add to an existing Rails app
Add React on Rails to my existing Rails app with TypeScript, keeping my current routes and conventions. Follow https://reactonrails.com/docs/getting-started/existing-rails-app and don't change any gem or package versions it doesn't tell you to.
Live demos
See it running
Flagship demo
The flagship React on Rails Pro demo with Rails 8.1, React 19, RSC, streaming SSR, Redux Toolkit, Shakapacker/Rspack, and ActiveRecord CRUD.
Marketplace
A marketplace performance demo for React on Rails Pro, React 19, and React Server Components.
TanStack Starter
A minimal React on Rails + TanStack starter template to build from.
Legacy tutorial app
The original full-app React on Rails tutorial demo, running in production for years.
Hacker News
A Hacker News reader built on React on Rails Pro with React 19 and React Server Components.
Octochangelog
An Octochangelog app migrated to React on Rails Pro with Rails routing, React 19, and streamed RSC.
Gumroad
A public product-page demo comparing Inertia and React on Rails Pro with React 19 and RSC.
React on Rails Pro
Higher-throughput SSR and RSC support, same Rails workflow.
Pro is an upgrade tier for teams that need more rendering throughput, React Server Components, streaming, and guided support without replacing their Rails app.
Why Teams Use It
Keep React close to Rails.
Rails-first React
Render React components from Rails views and controllers without splitting your product into separate apps.
Production SSR
Use server rendering, hydration, and streaming paths that fit mature Rails deployments.
OSS and Pro
Start with the MIT gem. Add React on Rails Pro for RSC, streaming SSR, and the Node renderer. ShakaStack Pro covers React on Rails Pro, ShakaPerf, and Inertia Rails SSR Cache for the whole organization.
Modern data fetching
Pair Rails JSON APIs with TanStack Query for client-side caching, mutations, and first-paint data, without adding a second backend.
Trusted in production by
Migration
Switch from another React setup
Migrate from Inertia Rails
Move from Inertia page props and SPA navigation to React on Rails view helpers route by route.
Open guideMigrate from vite_rails
Switch from vite_rails when you want Rails view helpers, SSR, or React on Rails Pro features.
Open guideMigrate from Next.js
Collapse a separate Next.js frontend into Rails while keeping a modern React migration path.
Open guideMigrate from react-rails
Step-by-step checklist for swapping `react-rails` to React on Rails, with a sample app.
Open guideBrowse sample apps
Working repositories showing SSR, migration, and integration patterns.
Open guideIn production
Teams shipping with React on Rails
React on Rails lets us run React at scale inside Rails without the complexity of a separate frontend deployment. ShakaCode's implementation optimized the framework for our specific workload, delivering 97% Good LCP scores and 80% faster hydration across our platform.
Built by ShakaCode
Talk to the maintainers.
ShakaCode maintains React on Rails and helps teams ship with SSR, RSC, and Rails integration. Book a free 30-minute call for architecture, performance, or migration advice.