RSCs on Cloudflare?

[leebenson]

Is it possible to deploy RR RSC (in either Framework or Data mode) to Cloudflare Workers today?

The official Cloudflare starter doesn't include it, and hunting down a starter template has yielded nothing.

Is the Vite RSC plugin compatible with Cloudflare?

[brookslybrand]

Yes in Data mode!

@jacob-ebey just released https://atgarden.club/ as an RSC example deployed on Cloudflare

The source code is here https://github.com/jacob-ebey/protoflare/tree/main/templates/atgardenclub

[kwkgogo]

https://balloonpopevents.ca/en/ I’ll later release the code.
Hey! I've successfully implemented React Router v7's experimental RSC Framework Mode with SSR on Cloudflare Workers. Here's a quick overview:

Tech Stack

• React 19 + React Router 7 (RSC Framework Mode)
• Cloudflare Workers with Vite
• Paraglide for i18n
• @vitejs/plugin-rsc for RSC support

Implementation

The key configuration:

// vite.config.ts
import { unstable_reactRouterRSC } from '@react-router/dev/vite';
import rsc from '@vitejs/plugin-rsc';
plugins: [
  cloudflare({ viteEnvironment: { name: 'ssr' } }),
  unstable_reactRouterRSC(),
  rsc(),
]
// Cloudflare Workers requires bundling all deps
environments: {
  rsc: { resolve: { noExternal: true } },
  ssr: { resolve: { noExternal: true } },
}
For client hydration, I used the official RSC template with unstable_RSCHydratedRouter.

Challenges & Solutions
Hydration Error: The standard HydratedRouter doesn't work with RSC. Fixed by switching to unstable_RSCHydratedRouter with createFromReadableStream from @vitejs/plugin-rsc/browser.
i18n Locale Flicker: SSR was returning wrong lang attribute. Fixed by creating a custom 
entry.ssr.tsx
 that wraps RSC rendering in Paraglide's AsyncLocalStorage context for proper locale detection.
<Scripts /> Warning: In RSC mode, scripts are auto-injected. Removed <Scripts /> from 
root.tsx
 to eliminate the warning.
The app now renders Server Components on Cloudflare Workers with selective client hydration. Performance metrics: TTFB ~55ms (warm cache), 736KB client bundle with code splitting.

Happy to share more details if needed!

[okalil]

@kwkgogo Hey! Could you share the configuration for the worker file? Applying the changes you described I still get a vite runtime error: Cannot find module 'virtual:react-router/server-build' imported from '.../path/to/worker'.
And during build I also see: "useFetcher" is not exported by "node_modules/.pnpm/react-router", from a route file that imports that hook. Did you run into either of these?

[leebenson]

Oh, that's incredible, thanks for sharing @brookslybrand - will take a look today!

[quanghle]

The vite-plugin-react official package has an example for this.

https://github.com/vitejs/vite-plugin-react/tree/0d3912b73d3aa1dc8f64619c82b3dacb0769e49e/packages/plugin-rsc/examples/react-router

# run on @cloudflare/vite-plugin and deploy.
# a separate configuration is found in ./cf/vite.config.ts
npm run cf-dev
npm run cf-build
npm run cf-preview
npm run cf-release