React on Rails Performance Demo
React on Rails Pro

Make Your Rails App
2x Faster with React Server Components on Rails

ShakaCode built the first framework to bring RSC to Ruby on Rails. We can help you upgrade.

2×
Faster Page Loads
RSC cuts load times in half
0 ms
Wait to Interact
Users can tap and scroll instantly
24%
Less Abandonment
Users stay on fast pages
SEO
Higher Rankings
Google ranks fast sites higher
Why Upgrade?

Same App, Two Approaches, Measured

We built this demo app with both traditional React on Rails and RSC, then ran 24 independent performance audits. Every number links to the report that proves it.

Open all 24 Lighthouse reports → · Bundle-size breakdown →

Traditional approach — browser downloads and runs 419 KB of JavaScript 419 KB transferred
marked + highlight
RoR
RSC approach — browser only gets 128 KB, heavy processing stays on the server 128 KB transferred
Interactive UI only
Markdown, syntax highlighting, sanitization → server only, 0 KB to client

Click for the per-chunk transfer breakdown across all 4 demo features →

30%

The biggest factor in your Google performance score

Blocking Time measures how long users wait before they can tap, scroll, or type — and it accounts for 30% of the Lighthouse performance score, more than any other metric. RSC pages ship dramatically less JavaScript, which means users can interact almost immediately.

TBT: 30%
LCP: 25%
CLS: 25%
FCP: 10%
SI: 10%
Why RSC

A Better Experience for Your Users

React Server Components deliver faster pages, better SEO, and a smoother experience — while reducing the code your team needs to maintain.

Lighter, Faster Pages

Heavy processing stays on the server, not your users' devices. Pages load faster because browsers download less code.

Content Appears Instantly

Users see the page layout immediately, with content filling in progressively. No more staring at blank screens.

No Costly Migration Required

Your existing Rails investment is fully preserved. No rewrite, no re-platforming — adopt RSC incrementally.

Faster Development Cycles

Your team ships features faster with less code to write and maintain. Fewer lines means fewer bugs and lower engineering costs.

Live Demo

See It In Action

Four real-world page types, each built three ways to prove the performance difference. Ordered by mobile performance improvement.

Blog Post

Markdown-heavy article with code blocks. RSC keeps marked + highlight.js entirely server-side. Mobile perf gain: +25 (72→97).

Product Page

E-commerce page with markdown spec sheet, reviews, multi-currency pricing. Mobile perf gain: +25 (73→98) — 404 KB less transfer.

Restaurant Detail

Long-form bio, 80-item menu, 40 reviews — all rendered server-side on RSC. Mobile perf gain: +13 (75→88), 378 KB less transfer.

Product Search

Faceted search with filters, pagination, and 4 independently streamed data sections. Mobile perf gain: +1 (98→99), 299 KB less transfer.

Multimedia Showcase

HLS video (react-player light mode + vanilla hls.js) and responsive image galleries (react-image-lightbox + yet-another-react-lightbox), rendered RSC-first.

RSC Video Galleries
Open showcase

Performance Showcase

Detailed benchmarks, bundle analysis, and streaming visualizations for the product search page.

Benchmarks Analysis
View benchmarks
React on Rails Pro

Works With Your Rails App

RSC is not Next.js-only. React on Rails Pro is the first framework to bring full React Server Components support to Ruby on Rails.

Keep Your Stack

Controllers, routes, views, authentication — everything stays.

Protect Your Existing Investment

No rewrite to Next.js or any Node framework. Adopt RSC incrementally without disrupting your team.

Works With Your Entire Stack

Devise, Pundit, ActiveRecord, Sidekiq — RSC works alongside every gem and tool your team already relies on.

Full RSC Integration

Streaming SSR, RSC payload embedding, client/server code splitting — all handled for you.

Ready to Upgrade?

ShakaCode has helped teams adopt React Server Components since day one. Let’s talk about your app.

Book a Free Call