cloudflare · Cloudflare Workers Docs
Workers React Router (formerly Remix)
Teaches how to scaffold, configure, and deploy a full-stack React Router application to Cloudflare Workers using the Cloudflare Vite plugin and C3 CLI.
Derived skill
Files assembled from official documentation
Viewing SKILL.md
Workers React Router (formerly Remix)
Teaches how to scaffold, configure, and deploy a full-stack React Router application to Cloudflare Workers using the Cloudflare Vite plugin and C3 CLI.
When To Use
Use when you need to scaffold a new full-stack React Router project or deploy an existing React Router application to the Cloudflare Workers platform.
Reference Files
| File | Contains | Use For |
|---|---|---|
SKILL.md | Entry point: scope, routing table, and workflow. | Start here. |
docs/workers-framework-guides-web-apps-react-router-formerly-remix-workflow-guide.md | A guide explaining how to build and deploy full-stack web applications using React Router on the Cloudflare Workers platform. | Questions about a guide explaining how to build and deploy full-stack web applications using React Router on the Cloudflare Workers p... |
examples/workers-framework-guides-web-apps-react-router-formerly-remix-cloudflare.text | The npm command used to scaffold a new Cloudflare Workers project using the React Router framework. | Exact payloads, commands, or snippets shown in The npm command used to scaffold a new Cloudflare Workers project using the React Router framework. |
examples/workers-framework-guides-web-apps-react-router-formerly-remix-cloudflare-2.text | The shell command used to scaffold a new Cloudflare Workers project using the React Router framework via the Cloudflare CLI. | Exact payloads, commands, or snippets shown in The shell command used to scaffold a new Cloudflare Workers project using the React Router framework via the Cloudfla... |
examples/workers-framework-guides-web-apps-react-router-formerly-remix-cloudflare-3.text | The pnpm command used to scaffold a new Cloudflare Workers project using the React Router framework. | Exact payloads, commands, or snippets shown in The pnpm command used to scaffold a new Cloudflare Workers project using the React Router framework. |
examples/workers-framework-guides-web-apps-react-router-formerly-remix-cloudflare-4.text | The wrangler deploy command used to deploy a Workers React Router application. | Exact payloads, commands, or snippets shown in The wrangler deploy command used to deploy a Workers React Router application. |
examples/workers-framework-guides-web-apps-react-router-formerly-remix-cloudflare-5.text | The wrangler deploy command used to deploy a Workers React Router application. | Exact payloads, commands, or snippets shown in The wrangler deploy command used to deploy a Workers React Router application. |
examples/workers-framework-guides-web-apps-react-router-formerly-remix-cloudflare-6.text | The pnpm wrangler deploy command used to deploy a Workers React Router application. | Exact payloads, commands, or snippets shown in The pnpm wrangler deploy command used to deploy a Workers React Router application. |
examples/workers-framework-guides-web-apps-react-router-formerly-remix-cloudflare-7.text | The text demonstrates the command used to start a local development server for a Workers React Router application. | Exact payloads, commands, or snippets shown in The text demonstrates the command used to start a local development server for a Workers React Router application. |
examples/workers-framework-guides-web-apps-react-router-formerly-remix-cloudflare-8.text | The terminal command used to start the local development server for a Workers React Router application. | Exact payloads, commands, or snippets shown in The terminal command used to start the local development server for a Workers React Router application. |
examples/workers-framework-guides-web-apps-react-router-formerly-remix-cloudflare-9.text | The pnpm command used to start the local development server for a Workers React Router application. | Exact payloads, commands, or snippets shown in The pnpm command used to start the local development server for a Workers React Router application. |
examples/workers-framework-guides-web-apps-react-router-formerly-remix-cloudflare-10.text | The npm command used to deploy a Workers React Router application to the Cloudflare network. | Exact payloads, commands, or snippets shown in The npm command used to deploy a Workers React Router application to the Cloudflare network. |
examples/workers-framework-guides-web-apps-react-router-formerly-remix-cloudflare-11.text | The terminal command used to deploy a Workers React Router application. | Exact payloads, commands, or snippets shown in The terminal command used to deploy a Workers React Router application. |
examples/workers-framework-guides-web-apps-react-router-formerly-remix-cloudflare-12.text | The pnpm command used to deploy a Workers React Router application. | Exact payloads, commands, or snippets shown in The pnpm command used to deploy a Workers React Router application. |
examples/workers-framework-guides-web-apps-react-router-formerly-remix-cloudflare-13.text | A code example demonstrating how to access Cloudflare environment variables within a React Router loader function using the Workers context. | Exact payloads, commands, or snippets shown in A code example demonstrating how to access Cloudflare environment variables within a React Router loader function usi... |
examples/workers-framework-guides-web-apps-react-router-formerly-remix-cloudflare-14.text | A TypeScript code example demonstrating how to use createRequestHandler from react-router within a Cloudflare Workers environment. | Exact payloads, commands, or snippets shown in A TypeScript code example demonstrating how to use createRequestHandler from react-router within a Cloudflare Workers... |
examples/workers-framework-guides-web-apps-react-router-formerly-remix-cloudflare-15.text | A text configuration snippet defining a workflow name, binding, and classname for a Workers React Router application. | Exact payloads, commands, or snippets shown in A text configuration snippet defining a workflow name, binding, and classname for a Workers React Router application. |
examples/workers-framework-guides-web-apps-react-router-formerly-remix-cloudflare-16.text | A text configuration defining a workflow name, binding, and classname for a Cloudflare Workers React Router application. | Exact payloads, commands, or snippets shown in A text configuration defining a workflow name, binding, and classname for a Cloudflare Workers React Router application. |
examples/workers-framework-guides-web-apps-react-router-formerly-remix-cloudflare-17.text | An example of a React Router action function using Cloudflare Workers context to interact with a workflow instance. | Exact payloads, commands, or snippets shown in An example of a React Router action function using Cloudflare Workers context to interact with a workflow instance. |
What This Skill Covers
- Start from CLI: Scaffold a full-stack app with React Router v7 ↗ and the Cloudflare Vite plugin for lightning-fast development.
- Main sections:
Tags,What is React Router?,Creating a full-stack React Router app,Use bindings with React Router.
Workflow
- Open the most relevant file under
docs/for the exact documented workflow and wording. - Open
schemas/files for exact structured contracts. - Open
examples/files for concrete requests, commands, snippets, and manifests. - Do not add behavior or configuration that is not present in the attached source files.
Canonical source: https://developers.cloudflare.com/workers/framework-guides/web-apps/react-router
