--- title: Templates description: GitHub repositories that are designed to be a starting point for building a new Cloudflare Workers project. image: https://developers.cloudflare.com/dev-products-preview.png --- > Documentation Index > Fetch the complete documentation index at: https://developers.cloudflare.com/workers/llms.txt > Use this file to discover all available pages before exploring further. [Skip to content](#%5Ftop) # Templates Templates are GitHub repositories that are designed to be a starting point for building a new Cloudflare Workers project. To start any of the projects below, run: ### astro-blog-starter-template [![Deploy to Cloudflare](https://deploy.workers.cloudflare.com/button)](https://deploy.workers.cloudflare.com/?url=https://github.com/cloudflare/templates/tree/main/astro-blog-starter-template) Build a personal website, blog, or portfolio with Astro. Explore on [GitHub ↗](https://github.com/cloudflare/templates/tree/main/astro-blog-starter-template) npm yarn pnpm ``` npm create cloudflare@latest -- --template=cloudflare/templates/astro-blog-starter-template ``` ``` yarn create cloudflare --template=cloudflare/templates/astro-blog-starter-template ``` ``` pnpm create cloudflare@latest --template=cloudflare/templates/astro-blog-starter-template ``` --- ### chanfana-openapi-template [![Deploy to Cloudflare](https://deploy.workers.cloudflare.com/button)](https://deploy.workers.cloudflare.com/?url=https://github.com/cloudflare/templates/tree/main/chanfana-openapi-template) Complete backend API template using Hono + Chanfana + D1 + Vitest. Explore on [GitHub ↗](https://github.com/cloudflare/templates/tree/main/chanfana-openapi-template) npm yarn pnpm ``` npm create cloudflare@latest -- --template=cloudflare/templates/chanfana-openapi-template ``` ``` yarn create cloudflare --template=cloudflare/templates/chanfana-openapi-template ``` ``` pnpm create cloudflare@latest --template=cloudflare/templates/chanfana-openapi-template ``` --- ### cli [![Deploy to Cloudflare](https://deploy.workers.cloudflare.com/button)](https://deploy.workers.cloudflare.com/?url=https://github.com/cloudflare/templates/tree/main/cli) A handy CLI for developing templates. Explore on [GitHub ↗](https://github.com/cloudflare/templates/tree/main/cli) npm yarn pnpm ``` npm create cloudflare@latest -- --template=cloudflare/templates/cli ``` ``` yarn create cloudflare --template=cloudflare/templates/cli ``` ``` pnpm create cloudflare@latest --template=cloudflare/templates/cli ``` --- ### containers-template [![Deploy to Cloudflare](https://deploy.workers.cloudflare.com/button)](https://deploy.workers.cloudflare.com/?url=https://github.com/cloudflare/templates/tree/main/containers-template) Build a Container-enabled Worker Explore on [GitHub ↗](https://github.com/cloudflare/templates/tree/main/containers-template) npm yarn pnpm ``` npm create cloudflare@latest -- --template=cloudflare/templates/containers-template ``` ``` yarn create cloudflare --template=cloudflare/templates/containers-template ``` ``` pnpm create cloudflare@latest --template=cloudflare/templates/containers-template ``` --- ### d1-starter-sessions-api-template [![Deploy to Cloudflare](https://deploy.workers.cloudflare.com/button)](https://deploy.workers.cloudflare.com/?url=https://github.com/cloudflare/templates/tree/main/d1-starter-sessions-api-template) D1 starter template using the Sessions API for read replication. Explore on [GitHub ↗](https://github.com/cloudflare/templates/tree/main/d1-starter-sessions-api-template) npm yarn pnpm ``` npm create cloudflare@latest -- --template=cloudflare/templates/d1-starter-sessions-api-template ``` ``` yarn create cloudflare --template=cloudflare/templates/d1-starter-sessions-api-template ``` ``` pnpm create cloudflare@latest --template=cloudflare/templates/d1-starter-sessions-api-template ``` --- ### d1-template [![Deploy to Cloudflare](https://deploy.workers.cloudflare.com/button)](https://deploy.workers.cloudflare.com/?url=https://github.com/cloudflare/templates/tree/main/d1-template) Cloudflare's native serverless SQL database. Explore on [GitHub ↗](https://github.com/cloudflare/templates/tree/main/d1-template) npm yarn pnpm ``` npm create cloudflare@latest -- --template=cloudflare/templates/d1-template ``` ``` yarn create cloudflare --template=cloudflare/templates/d1-template ``` ``` pnpm create cloudflare@latest --template=cloudflare/templates/d1-template ``` --- ### durable-chat-template [![Deploy to Cloudflare](https://deploy.workers.cloudflare.com/button)](https://deploy.workers.cloudflare.com/?url=https://github.com/cloudflare/templates/tree/main/durable-chat-template) Chat with other users in real-time using Durable Objects and PartyKit. Explore on [GitHub ↗](https://github.com/cloudflare/templates/tree/main/durable-chat-template) npm yarn pnpm ``` npm create cloudflare@latest -- --template=cloudflare/templates/durable-chat-template ``` ``` yarn create cloudflare --template=cloudflare/templates/durable-chat-template ``` ``` pnpm create cloudflare@latest --template=cloudflare/templates/durable-chat-template ``` --- ### hello-world-do-template [![Deploy to Cloudflare](https://deploy.workers.cloudflare.com/button)](https://deploy.workers.cloudflare.com/?url=https://github.com/cloudflare/templates/tree/main/hello-world-do-template) Explore on [GitHub ↗](https://github.com/cloudflare/templates/tree/main/hello-world-do-template) npm yarn pnpm ``` npm create cloudflare@latest -- --template=cloudflare/templates/hello-world-do-template ``` ``` yarn create cloudflare --template=cloudflare/templates/hello-world-do-template ``` ``` pnpm create cloudflare@latest --template=cloudflare/templates/hello-world-do-template ``` --- ### llm-chat-app-template [![Deploy to Cloudflare](https://deploy.workers.cloudflare.com/button)](https://deploy.workers.cloudflare.com/?url=https://github.com/cloudflare/templates/tree/main/llm-chat-app-template) A simple chat application powered by Cloudflare Workers AI Explore on [GitHub ↗](https://github.com/cloudflare/templates/tree/main/llm-chat-app-template) npm yarn pnpm ``` npm create cloudflare@latest -- --template=cloudflare/templates/llm-chat-app-template ``` ``` yarn create cloudflare --template=cloudflare/templates/llm-chat-app-template ``` ``` pnpm create cloudflare@latest --template=cloudflare/templates/llm-chat-app-template ``` --- ### microfrontend-template [![Deploy to Cloudflare](https://deploy.workers.cloudflare.com/button)](https://deploy.workers.cloudflare.com/?url=https://github.com/cloudflare/templates/tree/main/microfrontend-template) Route requests to different Workers based on path patterns with automatic URL rewriting for unified microfrontend applications. Explore on [GitHub ↗](https://github.com/cloudflare/templates/tree/main/microfrontend-template) npm yarn pnpm ``` npm create cloudflare@latest -- --template=cloudflare/templates/microfrontend-template ``` ``` yarn create cloudflare --template=cloudflare/templates/microfrontend-template ``` ``` pnpm create cloudflare@latest --template=cloudflare/templates/microfrontend-template ``` --- ### multiplayer-globe-template [![Deploy to Cloudflare](https://deploy.workers.cloudflare.com/button)](https://deploy.workers.cloudflare.com/?url=https://github.com/cloudflare/templates/tree/main/multiplayer-globe-template) Display website visitor locations in real-time using Durable Objects and PartyKit. Explore on [GitHub ↗](https://github.com/cloudflare/templates/tree/main/multiplayer-globe-template) npm yarn pnpm ``` npm create cloudflare@latest -- --template=cloudflare/templates/multiplayer-globe-template ``` ``` yarn create cloudflare --template=cloudflare/templates/multiplayer-globe-template ``` ``` pnpm create cloudflare@latest --template=cloudflare/templates/multiplayer-globe-template ``` --- ### mysql-hyperdrive-template [![Deploy to Cloudflare](https://deploy.workers.cloudflare.com/button)](https://deploy.workers.cloudflare.com/?url=https://github.com/cloudflare/templates/tree/main/mysql-hyperdrive-template) Explore on [GitHub ↗](https://github.com/cloudflare/templates/tree/main/mysql-hyperdrive-template) npm yarn pnpm ``` npm create cloudflare@latest -- --template=cloudflare/templates/mysql-hyperdrive-template ``` ``` yarn create cloudflare --template=cloudflare/templates/mysql-hyperdrive-template ``` ``` pnpm create cloudflare@latest --template=cloudflare/templates/mysql-hyperdrive-template ``` --- ### next-starter-template [![Deploy to Cloudflare](https://deploy.workers.cloudflare.com/button)](https://deploy.workers.cloudflare.com/?url=https://github.com/cloudflare/templates/tree/main/next-starter-template) Build a full-stack web application with Next.js. Explore on [GitHub ↗](https://github.com/cloudflare/templates/tree/main/next-starter-template) npm yarn pnpm ``` npm create cloudflare@latest -- --template=cloudflare/templates/next-starter-template ``` ``` yarn create cloudflare --template=cloudflare/templates/next-starter-template ``` ``` pnpm create cloudflare@latest --template=cloudflare/templates/next-starter-template ``` --- ### nlweb-template [![Deploy to Cloudflare](https://deploy.workers.cloudflare.com/button)](https://deploy.workers.cloudflare.com/?url=https://github.com/cloudflare/templates/tree/main/nlweb-template) Build Nl Web components with Cloudflare Workers. Explore on [GitHub ↗](https://github.com/cloudflare/templates/tree/main/nlweb-template) npm yarn pnpm ``` npm create cloudflare@latest -- --template=cloudflare/templates/nlweb-template ``` ``` yarn create cloudflare --template=cloudflare/templates/nlweb-template ``` ``` pnpm create cloudflare@latest --template=cloudflare/templates/nlweb-template ``` --- ### nodejs-http-server-template [![Deploy to Cloudflare](https://deploy.workers.cloudflare.com/button)](https://deploy.workers.cloudflare.com/?url=https://github.com/cloudflare/templates/tree/main/nodejs-http-server-template) Explore on [GitHub ↗](https://github.com/cloudflare/templates/tree/main/nodejs-http-server-template) npm yarn pnpm ``` npm create cloudflare@latest -- --template=cloudflare/templates/nodejs-http-server-template ``` ``` yarn create cloudflare --template=cloudflare/templates/nodejs-http-server-template ``` ``` pnpm create cloudflare@latest --template=cloudflare/templates/nodejs-http-server-template ``` --- ### openauth-template [![Deploy to Cloudflare](https://deploy.workers.cloudflare.com/button)](https://deploy.workers.cloudflare.com/?url=https://github.com/cloudflare/templates/tree/main/openauth-template) Deploy an OpenAuth server on Cloudflare Workers. Explore on [GitHub ↗](https://github.com/cloudflare/templates/tree/main/openauth-template) npm yarn pnpm ``` npm create cloudflare@latest -- --template=cloudflare/templates/openauth-template ``` ``` yarn create cloudflare --template=cloudflare/templates/openauth-template ``` ``` pnpm create cloudflare@latest --template=cloudflare/templates/openauth-template ``` --- ### postgres-hyperdrive-template [![Deploy to Cloudflare](https://deploy.workers.cloudflare.com/button)](https://deploy.workers.cloudflare.com/?url=https://github.com/cloudflare/templates/tree/main/postgres-hyperdrive-template) Explore on [GitHub ↗](https://github.com/cloudflare/templates/tree/main/postgres-hyperdrive-template) npm yarn pnpm ``` npm create cloudflare@latest -- --template=cloudflare/templates/postgres-hyperdrive-template ``` ``` yarn create cloudflare --template=cloudflare/templates/postgres-hyperdrive-template ``` ``` pnpm create cloudflare@latest --template=cloudflare/templates/postgres-hyperdrive-template ``` --- ### r2-explorer-template [![Deploy to Cloudflare](https://deploy.workers.cloudflare.com/button)](https://deploy.workers.cloudflare.com/?url=https://github.com/cloudflare/templates/tree/main/r2-explorer-template) A Google Drive Interface for your Cloudflare R2 Buckets! Explore on [GitHub ↗](https://github.com/cloudflare/templates/tree/main/r2-explorer-template) npm yarn pnpm ``` npm create cloudflare@latest -- --template=cloudflare/templates/r2-explorer-template ``` ``` yarn create cloudflare --template=cloudflare/templates/r2-explorer-template ``` ``` pnpm create cloudflare@latest --template=cloudflare/templates/r2-explorer-template ``` --- ### react-postgres-fullstack-template [![Deploy to Cloudflare](https://deploy.workers.cloudflare.com/button)](https://deploy.workers.cloudflare.com/?url=https://github.com/cloudflare/templates/tree/main/react-postgres-fullstack-template) Deploy your own library of books using Postgres and Workers. Explore on [GitHub ↗](https://github.com/cloudflare/templates/tree/main/react-postgres-fullstack-template) npm yarn pnpm ``` npm create cloudflare@latest -- --template=cloudflare/templates/react-postgres-fullstack-template ``` ``` yarn create cloudflare --template=cloudflare/templates/react-postgres-fullstack-template ``` ``` pnpm create cloudflare@latest --template=cloudflare/templates/react-postgres-fullstack-template ``` --- ### react-router-hono-fullstack-template [![Deploy to Cloudflare](https://deploy.workers.cloudflare.com/button)](https://deploy.workers.cloudflare.com/?url=https://github.com/cloudflare/templates/tree/main/react-router-hono-fullstack-template) A modern full-stack template powered by Cloudflare Workers, using Hono for backend APIs, React Router for frontend routing, and shadcn/ui for beautiful, accessible components styled with Tailwind CSS Explore on [GitHub ↗](https://github.com/cloudflare/templates/tree/main/react-router-hono-fullstack-template) npm yarn pnpm ``` npm create cloudflare@latest -- --template=cloudflare/templates/react-router-hono-fullstack-template ``` ``` yarn create cloudflare --template=cloudflare/templates/react-router-hono-fullstack-template ``` ``` pnpm create cloudflare@latest --template=cloudflare/templates/react-router-hono-fullstack-template ``` --- ### react-router-postgres-ssr-template [![Deploy to Cloudflare](https://deploy.workers.cloudflare.com/button)](https://deploy.workers.cloudflare.com/?url=https://github.com/cloudflare/templates/tree/main/react-router-postgres-ssr-template) Deploy your own library of books using Postgres and Workers. Explore on [GitHub ↗](https://github.com/cloudflare/templates/tree/main/react-router-postgres-ssr-template) npm yarn pnpm ``` npm create cloudflare@latest -- --template=cloudflare/templates/react-router-postgres-ssr-template ``` ``` yarn create cloudflare --template=cloudflare/templates/react-router-postgres-ssr-template ``` ``` pnpm create cloudflare@latest --template=cloudflare/templates/react-router-postgres-ssr-template ``` --- ### react-router-starter-template [![Deploy to Cloudflare](https://deploy.workers.cloudflare.com/button)](https://deploy.workers.cloudflare.com/?url=https://github.com/cloudflare/templates/tree/main/react-router-starter-template) Build a full-stack web application with React Router 7. Explore on [GitHub ↗](https://github.com/cloudflare/templates/tree/main/react-router-starter-template) npm yarn pnpm ``` npm create cloudflare@latest -- --template=cloudflare/templates/react-router-starter-template ``` ``` yarn create cloudflare --template=cloudflare/templates/react-router-starter-template ``` ``` pnpm create cloudflare@latest --template=cloudflare/templates/react-router-starter-template ``` --- ### remix-starter-template [![Deploy to Cloudflare](https://deploy.workers.cloudflare.com/button)](https://deploy.workers.cloudflare.com/?url=https://github.com/cloudflare/templates/tree/main/remix-starter-template) Build a full-stack web application with Remix. Explore on [GitHub ↗](https://github.com/cloudflare/templates/tree/main/remix-starter-template) npm yarn pnpm ``` npm create cloudflare@latest -- --template=cloudflare/templates/remix-starter-template ``` ``` yarn create cloudflare --template=cloudflare/templates/remix-starter-template ``` ``` pnpm create cloudflare@latest --template=cloudflare/templates/remix-starter-template ``` --- ### saas-admin-template [![Deploy to Cloudflare](https://deploy.workers.cloudflare.com/button)](https://deploy.workers.cloudflare.com/?url=https://github.com/cloudflare/templates/tree/main/saas-admin-template) Admin dashboard template built with Astro, shadcn/ui, and Cloudflare's developer stack Explore on [GitHub ↗](https://github.com/cloudflare/templates/tree/main/saas-admin-template) npm yarn pnpm ``` npm create cloudflare@latest -- --template=cloudflare/templates/saas-admin-template ``` ``` yarn create cloudflare --template=cloudflare/templates/saas-admin-template ``` ``` pnpm create cloudflare@latest --template=cloudflare/templates/saas-admin-template ``` --- ### text-to-image-template [![Deploy to Cloudflare](https://deploy.workers.cloudflare.com/button)](https://deploy.workers.cloudflare.com/?url=https://github.com/cloudflare/templates/tree/main/text-to-image-template) Generate images based on text prompts. Explore on [GitHub ↗](https://github.com/cloudflare/templates/tree/main/text-to-image-template) npm yarn pnpm ``` npm create cloudflare@latest -- --template=cloudflare/templates/text-to-image-template ``` ``` yarn create cloudflare --template=cloudflare/templates/text-to-image-template ``` ``` pnpm create cloudflare@latest --template=cloudflare/templates/text-to-image-template ``` --- ### to-do-list-kv-template [![Deploy to Cloudflare](https://deploy.workers.cloudflare.com/button)](https://deploy.workers.cloudflare.com/?url=https://github.com/cloudflare/templates/tree/main/to-do-list-kv-template) A simple to-do list app built with Cloudflare Workers Assets and Remix. Explore on [GitHub ↗](https://github.com/cloudflare/templates/tree/main/to-do-list-kv-template) npm yarn pnpm ``` npm create cloudflare@latest -- --template=cloudflare/templates/to-do-list-kv-template ``` ``` yarn create cloudflare --template=cloudflare/templates/to-do-list-kv-template ``` ``` pnpm create cloudflare@latest --template=cloudflare/templates/to-do-list-kv-template ``` --- ### vite-react-template [![Deploy to Cloudflare](https://deploy.workers.cloudflare.com/button)](https://deploy.workers.cloudflare.com/?url=https://github.com/cloudflare/templates/tree/main/vite-react-template) A template for building a React application with Vite, Hono, and Cloudflare Workers Explore on [GitHub ↗](https://github.com/cloudflare/templates/tree/main/vite-react-template) npm yarn pnpm ``` npm create cloudflare@latest -- --template=cloudflare/templates/vite-react-template ``` ``` yarn create cloudflare --template=cloudflare/templates/vite-react-template ``` ``` pnpm create cloudflare@latest --template=cloudflare/templates/vite-react-template ``` --- ### worker-publisher-template [![Deploy to Cloudflare](https://deploy.workers.cloudflare.com/button)](https://deploy.workers.cloudflare.com/?url=https://github.com/cloudflare/templates/tree/main/worker-publisher-template) A Cloudflare Worker template that creates and deploys Workers to a Dispatch Namespace via the Cloudflare SDK. Explore on [GitHub ↗](https://github.com/cloudflare/templates/tree/main/worker-publisher-template) npm yarn pnpm ``` npm create cloudflare@latest -- --template=cloudflare/templates/worker-publisher-template ``` ``` yarn create cloudflare --template=cloudflare/templates/worker-publisher-template ``` ``` pnpm create cloudflare@latest --template=cloudflare/templates/worker-publisher-template ``` --- ### workers-builds-notifications-template [![Deploy to Cloudflare](https://deploy.workers.cloudflare.com/button)](https://deploy.workers.cloudflare.com/?url=https://github.com/cloudflare/templates/tree/main/workers-builds-notifications-template) Send Workers Builds status notifications to Slack, Discord, or any webhook via Event Subscriptions. Explore on [GitHub ↗](https://github.com/cloudflare/templates/tree/main/workers-builds-notifications-template) npm yarn pnpm ``` npm create cloudflare@latest -- --template=cloudflare/templates/workers-builds-notifications-template ``` ``` yarn create cloudflare --template=cloudflare/templates/workers-builds-notifications-template ``` ``` pnpm create cloudflare@latest --template=cloudflare/templates/workers-builds-notifications-template ``` --- ### workers-for-platforms-template [![Deploy to Cloudflare](https://deploy.workers.cloudflare.com/button)](https://deploy.workers.cloudflare.com/?url=https://github.com/cloudflare/templates/tree/main/workers-for-platforms-template) Build your own website hosting platform with Workers for Platforms. Users can create and deploy sites through a simple web interface. Explore on [GitHub ↗](https://github.com/cloudflare/templates/tree/main/workers-for-platforms-template) npm yarn pnpm ``` npm create cloudflare@latest -- --template=cloudflare/templates/workers-for-platforms-template ``` ``` yarn create cloudflare --template=cloudflare/templates/workers-for-platforms-template ``` ``` pnpm create cloudflare@latest --template=cloudflare/templates/workers-for-platforms-template ``` --- ### workflows-starter-template [![Deploy to Cloudflare](https://deploy.workers.cloudflare.com/button)](https://deploy.workers.cloudflare.com/?url=https://github.com/cloudflare/templates/tree/main/workflows-starter-template) Interactive starter template demonstrating Cloudflare Workflows with real-time status updates Explore on [GitHub ↗](https://github.com/cloudflare/templates/tree/main/workflows-starter-template) npm yarn pnpm ``` npm create cloudflare@latest -- --template=cloudflare/templates/workflows-starter-template ``` ``` yarn create cloudflare --template=cloudflare/templates/workflows-starter-template ``` ``` pnpm create cloudflare@latest --template=cloudflare/templates/workflows-starter-template ``` --- ### x402-proxy-template [![Deploy to Cloudflare](https://deploy.workers.cloudflare.com/button)](https://deploy.workers.cloudflare.com/?url=https://github.com/cloudflare/templates/tree/main/x402-proxy-template) Transparent proxy with payment-gated routes using x402 protocol and stateless JWT authentication Explore on [GitHub ↗](https://github.com/cloudflare/templates/tree/main/x402-proxy-template) npm yarn pnpm ``` npm create cloudflare@latest -- --template=cloudflare/templates/x402-proxy-template ``` ``` yarn create cloudflare --template=cloudflare/templates/x402-proxy-template ``` ``` pnpm create cloudflare@latest --template=cloudflare/templates/x402-proxy-template ``` --- ```json {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"item":{"@id":"/directory/","name":"Directory"}},{"@type":"ListItem","position":2,"item":{"@id":"/workers/","name":"Workers"}},{"@type":"ListItem","position":3,"item":{"@id":"/workers/get-started/","name":"Getting started"}},{"@type":"ListItem","position":4,"item":{"@id":"/workers/get-started/quickstarts/","name":"Templates"}}]} ```