Prompt Buddy logoPrompt Buddy

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.

Import to Prompt Buddy

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

FileContainsUse For
SKILL.mdEntry point: scope, routing table, and workflow.Start here.
docs/workers-framework-guides-web-apps-react-router-formerly-remix-workflow-guide.mdA 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.textThe 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.textThe 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.textThe 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.textThe 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.textThe 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.textThe 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.textThe 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.textThe 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.textThe 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.textThe 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.textThe 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.textThe 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.textA 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.textA 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.textA 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.textA 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.textAn 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

  1. Open the most relevant file under docs/ for the exact documented workflow and wording.
  2. Open schemas/ files for exact structured contracts.
  3. Open examples/ files for concrete requests, commands, snippets, and manifests.
  4. 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