repository·main·Indexed 24 days ago
https://github.com/cloudflare/templatesA collection of starter templates for building full-stack applications on Cloudflare Workers. Included templates feature Agent Commerce Analytics for recording agent events and trust tiers, AI Agent Visibility for managing agent-discovery surfaces (llms.txt, JSON-LD) with Workers AI enrichment, and AI Brand Visibility for testing brand mentions across multiple models via Cloudflare AI Gateway.
The Text To Image App is a template that demonstrates how to generate images from text prompts using Workers AI.
It specifically uses the @cf/stabilityai/stable-diffusion-xl-base-1.0 model to transform text inputs (e.g., "cyberpunk cat") into generated images.
This template provides a modern full-stack architecture designed to run on Cloudflare Workers. It combines a React-based Single Page Application (SPA) frontend with a Hono-powered backend API. The setup is optimized for edge deployment using the Cloudflare Vite plugin, which handles static asset delivery and seamless local development.
Key Architecture Components:
/api/* path).OpenAuth is a universal provider for managing user authentication. This template demonstrates how to implement login, user registration, and password reset functionality on Cloudflare Workers.
It utilizes the following Cloudflare services:
The Cloudflare Vertical Microfrontend Router is a production-ready Cloudflare Workers router designed for vertical microfrontend architectures. It acts as a reverse proxy that routes requests to separate Worker services based on path patterns while maintaining the illusion of a single unified application.
Key capabilities include:
/docs) before forwarding the request to the upstream service.Location headers, and Set-Cookie paths to ensure assets and redirects work correctly within their specific mounts.Worker Publisher is a Cloudflare Worker designed to programmatically create and deploy other Workers into a Dispatch Namespace using the Cloudflare SDK.
Key features include:
/{worker-name} path.This template demonstrates how to use a Cloudflare Worker with a D1 binding to execute SQL statements.
It initializes a comments table with sample data using the following schema logic:
Query executed by the Worker:
SELECT * FROM comments LIMIT 3;Initial Data Seed:
INSERT INTO comments (author, content)
VALUES
('Kristian', 'Congrats!'),
('Serena', 'Great job!'),
('Max', 'Keep up the good work!')
;The project follows this directory structure:
public/: Static assets including index.html (Chat UI) and chat.js (Frontend logic).src/: Backend source code including index.ts (Worker entry point) and types.ts (TypeScript definitions).test/: Test files.wrangler.jsonc: Cloudflare Worker configuration.tsconfig.json: TypeScript configuration.The SaaS Admin Template is a complete dashboard for managing customers and subscriptions.
Core Capabilities:
API_TOKEN authentication.customer_workflow.ts in the source for implementation details.Tech Stack:
The Multiplayer Globe App uses Cloudflare Durable Objects to synchronize real-time website visitor locations globally.
cf property on the initial HTTP request.Enrichment (using Workers AI) is performed once per page and the results are cached in KV to avoid expensive repeated calls.
ENRICHMENT_CACHE_TTL (default: 3600 seconds).POST /api/resources enriches only the new/changed page and updates the cache in place. POST /api/refresh clears the entire cache, forcing the next read to re-enrich from the source.The Durable Chat App enables real-time chat between users by assigning each user a unique chat room via a URL ID.
Key architectural components: