skills.rest
firtoz
firtozCOMMUNITY
Explore all skills by this author →
Website𝕏@firtozGitHub

cf-web-alchemy-bindings

Integrate Alchemy bindings between Cloudflare web apps and Durable Objects.

10|Updated May 22, 2025
Search Tags:#workspace#alchemy#cloudflare#bindings#durable-objects#react-router#typegen
One-click install
npx skills add https://github.com/firtoz/cf-multiworker-starter-kit --skill cf-web-alchemy-bindings
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: cf-web-alchemy-bindings
Source: https://github.com/firtoz/cf-multiworker-starter-kit/tree/main/agents/skills/cf-web-alchemy-bindings
Command: npx skills add https://github.com/firtoz/cf-multiworker-starter-kit --skill cf-web-alchemy-bindings

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Wire cf-starter-web to durable-objects workers—workspace dep, alchemy.run.ts ReactRouter bindings, and env patterns. Use when adding workspace:* for a worker, editing apps/web/alchemy.run.ts, or debugging missing worker types after a new package.

Core Features & Use Cases

  • Exposes durable-objects worker bindings to the web app's ReactRouter, enabling workspace dependencies and consistent environment bindings.
  • Integrates with apps/web/alchemy.run.ts to import package-specific alchemy code and align env bindings across app.ts and DOs.
  • Provides practical steps for updating dependencies, wiring bindings, and validating TypeScript types across the web app and worker packages.

Quick Start

Configure apps/web to use a workspace:* dependency and wire the package's alchemy bindings into ReactRouter.

Frequently Asked Questions about cf-web-alchemy-bindings

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I bind a Cloudflare web app to Durable Objects using Alchemy?▼

You bind a Cloudflare web app to Durable Objects by integrating Alchemy bindings, which involves updating alchemy.run.ts and app.ts to expose DOs to the ReactRouter and enable workspace dependencies.

Why are TypeScript types missing after adding a workspace dependency to my Cloudflare worker?▼

TypeScript types are missing because the workspace:* dependency requires proper Alchemy binding configuration. You must wire the package-specific alchemy bindings into ReactRouter and validate types across the web app and DOs.

How do I configure ReactRouter bindings for Durable Objects in alchemy.run.ts?▼

Configuring ReactRouter bindings requires editing alchemy.run.ts to import package-specific alchemy code and align env bindings across app.ts and the Durable Objects, ensuring proper env usage from cloudflare:workers.

When do I need to update alchemy.run.ts for my Cloudflare web app?▼

You need to update alchemy.run.ts when adding a workspace:* dependency for a worker, editing app.ts bindings, or debugging type mismatches across the web app and Durable Objects environment.

Does this Alchemy binding approach support D1 and typed bindings in Cloudflare?▼

Yes, the Alchemy binding approach supports D1 and typed bindings by configuring them through alchemy.run.ts, ensuring consistent environment bindings and proper type validation across the web app and worker packages.

Related Skills

Explore More Software Engineering Skills→
firtozfirtoz
10

cf-durable-object-package

Scaffold Durable Object packages with Alchemy, env.d.ts, and Hono entrypoints.

Community
Advanced
hirefrankhirefrank
3

workers-binding-validator

Validate Cloudflare Workers binding configuration against wrangler.toml and TypeScript Env interfaces.

Community
Advanced
lciaccilciacci

cloudflare-d1

Build and manage SQLite databases on Cloudflare Workers with Drizzle ORM.

Community
Advanced
pikkujspikkujs
56

pikku-deploy-cloudflare

Deploy Pikku apps to Cloudflare Workers with fetch handlers, scheduled tasks, and Durable Objects.

Official
Advanced