Prompt Buddy logoPrompt Buddy

cloudflare · Cloudflare Workers Docs

Workers Microfrontends

Teaches how to architect and implement a microfrontend architecture using a Cloudflare Workers router worker and service bindings to orchestrate multiple independently deployable applications.

Import to Prompt Buddy

Derived skill

Files assembled from official documentation

Viewing SKILL.md

Workers Microfrontends

Teaches how to architect and implement a microfrontend architecture using a Cloudflare Workers router worker and service bindings to orchestrate multiple independently deployable applications.

When To Use

Use when you need to split a monolithic web application into smaller, independently deployable units using Cloudflare Workers and service bindings.

Reference Files

FileContainsUse For
SKILL.mdEntry point: scope, routing table, and workflow.Start here.
docs/workers-framework-guides-web-apps-microfrontends-workflow-guide.mdA guide explaining how to use Cloudflare Workers to split applications into independently deployable microfrontend units using routing and path rewriting.Questions about a guide explaining how to use Cloudflare Workers to split applications into independently deployable microfrontend un...
examples/workers-framework-guides-web-apps-microfrontends-cloudflare-workers-micr.textA configuration object defining routing paths and bindings for a microfrontend architecture using Cloudflare Workers.Exact payloads, commands, or snippets shown in A configuration object defining routing paths and bindings for a microfrontend architecture using Cloudflare Workers.
examples/workers-framework-guides-web-apps-microfrontends-cloudflare-workers-micr-2.textA text configuration demonstrating static, dynamic, wildcard, and required path segment patterns for microfrontend routing.Exact payloads, commands, or snippets shown in A text configuration demonstrating static, dynamic, wildcard, and required path segment patterns for microfrontend ro...
examples/workers-framework-guides-web-apps-microfrontends-cloudflare-workers-micr-3.textA text-based overview of the architectural concepts and implementation strategies for building microfrontends using Cloudflare Workers.Exact payloads, commands, or snippets shown in A text-based overview of the architectural concepts and implementation strategies for building microfrontends using C...
examples/workers-framework-guides-web-apps-microfrontends-cloudflare-workers-micr-4.textAn HTML snippet demonstrating how to link external assets from a microfrontend application within a Cloudflare Workers environment.Exact payloads, commands, or snippets shown in An HTML snippet demonstrating how to link external assets from a microfrontend application within a Cloudflare Worker...
examples/workers-framework-guides-web-apps-microfrontends-cloudflare-workers-micr-5.textA text file defining default asset prefix constants used for managing microfrontend routing in Cloudflare Workers.Exact payloads, commands, or snippets shown in A text file defining default asset prefix constants used for managing microfrontend routing in Cloudflare Workers.
examples/workers-framework-guides-web-apps-microfrontends-cloudflare-workers-micr-6.textA text list of URL path patterns used to route requests to specific microfrontends within a Cloudflare Workers environment.Exact payloads, commands, or snippets shown in A text list of URL path patterns used to route requests to specific microfrontends within a Cloudflare Workers enviro...
examples/workers-framework-guides-web-apps-microfrontends-cloudflare-workers-micr-7.textA CSS code snippet demonstrating styling patterns for a microfrontend architecture using Cloudflare Workers.Exact payloads, commands, or snippets shown in A CSS code snippet demonstrating styling patterns for a microfrontend architecture using Cloudflare Workers.
examples/workers-framework-guides-web-apps-microfrontends-cloudflare-workers-micr-8.textA CSS snippet demonstrating how to route asset URLs for microfrontends using Cloudflare Workers.Exact payloads, commands, or snippets shown in A CSS snippet demonstrating how to route asset URLs for microfrontends using Cloudflare Workers.
examples/workers-framework-guides-web-apps-microfrontends-cloudflare-workers-micr-9.textA configuration object defining prefetch URLs for a microfrontend architecture using Cloudflare Workers.Exact payloads, commands, or snippets shown in A configuration object defining prefetch URLs for a microfrontend architecture using Cloudflare Workers.
examples/workers-framework-guides-web-apps-microfrontends-cloudflare-workers-micr-10.textA JSON configuration object defining route paths and bindings for orchestrating multiple microfrontends on Cloudflare Workers.Exact payloads, commands, or snippets shown in A JSON configuration object defining route paths and bindings for orchestrating multiple microfrontends on Cloudflare...
examples/workers-framework-guides-web-apps-microfrontends-cloudflare-workers-micr-11.textCSS code implementing view transition animations for a microfrontend architecture using the @supports rule.Exact payloads, commands, or snippets shown in CSS code implementing view transition animations for a microfrontend architecture using the @supports rule.
examples/workers-framework-guides-web-apps-microfrontends-cloudflare-workers-micr-12.textA wrangler configuration file demonstrating service bindings for orchestrating microfrontends using Cloudflare Workers.Exact payloads, commands, or snippets shown in A wrangler configuration file demonstrating service bindings for orchestrating microfrontends using Cloudflare Workers.
examples/workers-framework-guides-web-apps-microfrontends-cloudflare-workers-micr-13.textA configuration snippet demonstrating how to define a service binding for a microfrontend within a Workers configuration file.Exact payloads, commands, or snippets shown in A configuration snippet demonstrating how to define a service binding for a microfrontend within a Workers configurat...
examples/workers-framework-guides-web-apps-microfrontends-cloudflare-workers-micr-14.textA wrangler configuration snippet defining route patterns and service bindings for a microfrontend architecture.Exact payloads, commands, or snippets shown in A wrangler configuration snippet defining route patterns and service bindings for a microfrontend architecture.
examples/workers-framework-guides-web-apps-microfrontends-cloudflare-workers-micr-15.textThe terminal command used to deploy a microfrontend application using the Wrangler CLI.Exact payloads, commands, or snippets shown in The terminal command used to deploy a microfrontend application using the Wrangler CLI.
examples/workers-framework-guides-web-apps-microfrontends-cloudflare-workers-micr-16.textA text configuration snippet demonstrating the service binding structure used to connect microfrontends within Cloudflare Workers.Exact payloads, commands, or snippets shown in A text configuration snippet demonstrating the service binding structure used to connect microfrontends within Cloudf...
examples/workers-framework-guides-web-apps-microfrontends-cloudflare-workers-micr-17.textA text configuration snippet demonstrating the use of the [[services]] binding to connect Workers in a microfrontend architecture.Exact payloads, commands, or snippets shown in A text configuration snippet demonstrating the use of the [[services]] binding to connect Workers in a microfrontend...

What This Skill Covers

  • Microfrontends let you split a single application into smaller, independently deployable units that render as one cohesive application. Different teams using...
  • Main sections: Get started, How it works, Routing logic, Path rewriting, Asset handling.

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/microfrontends