Quickstarts
Quickstarts 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:
$ npm create cloudflare@latest <NEW_PROJECT_NAME> -- --template <GITHUB_REPO_URL>-
new-project-name- A folder with this name will be created with your new project inside, pre-configured to your Workers account.
-
template- This is the URL of the GitHub repo starter, as below. Refer to the create-cloudflare documentation for a full list of possible values.
Router
Run different logic based on the URL and request method. Use this starter to Build REST APIs or applications that require routing logic.
npm create cloudflare@latest my-app -- --template cloudflare/workers-sdk/templates/worker-routeryarn create cloudflare@latest my-app --template cloudflare/workers-sdk/templates/worker-routerpnpm create cloudflare@latest my-app --template cloudflare/workers-sdk/templates/worker-routerSpeedtest
Measure download/upload connection speed from the client side, using the Performance Timing API.
npm create cloudflare@latest my-app -- --template cloudflare/workers-sdk/templates/worker-speedtestyarn create cloudflare@latest my-app --template cloudflare/workers-sdk/templates/worker-speedtestpnpm create cloudflare@latest my-app --template cloudflare/workers-sdk/templates/worker-speedtestSentry
Log exceptions and errors in your Workers application to Sentry.io - an error tracking tool.
npm create cloudflare@latest my-app -- --template mhart/cf-sentryyarn create cloudflare@latest my-app --template mhart/cf-sentrypnpm create cloudflare@latest my-app --template mhart/cf-sentryImage Color
Retrieve the dominant color of a PNG or JPEG image.
npm create cloudflare@latest my-app -- --template xtuc/img-color-workeryarn create cloudflare@latest my-app --template xtuc/img-color-workerpnpm create cloudflare@latest my-app --template xtuc/img-color-workerCloud Storage
Serve private Amazon Web Services (AWS) bucket files from a Worker script.
npm create cloudflare@latest my-app -- --template conzorkingkong/cloud-storageyarn create cloudflare@latest my-app --template conzorkingkong/cloud-storagepnpm create cloudflare@latest my-app --template conzorkingkong/cloud-storageBinAST
Serve a JavaScript Binary AST via a Cloudflare Worker.
npm create cloudflare@latest my-app -- --template xtuc/binast-cf-worker-templateyarn create cloudflare@latest my-app --template xtuc/binast-cf-worker-templatepnpm create cloudflare@latest my-app --template xtuc/binast-cf-worker-templateAWS DynamoDB SQS
Use AWS services such as DynamoDB and SQS from a Cloudflare Worker.
npm create cloudflare@latest my-app -- --template cloudflare/workers-sdk/templates/worker-awsyarn create cloudflare@latest my-app --template cloudflare/workers-sdk/templates/worker-awspnpm create cloudflare@latest my-app --template cloudflare/workers-sdk/templates/worker-awsEdge-Side Rendering
Use Vite to render pages on Cloudflare's global network with great DX. Includes i18n, markdown support and more.
npm create cloudflare@latest my-app -- --template frandiox/vitessedge-templateyarn create cloudflare@latest my-app --template frandiox/vitessedge-templatepnpm create cloudflare@latest my-app --template frandiox/vitessedge-templateREST API with Fauna
Build a fast, globally distributed REST API using Cloudflare Workers and Fauna, the data API for modern applications.
npm create cloudflare@latest my-app -- --template fauna-labs/fauna-workersyarn create cloudflare@latest my-app --template fauna-labs/fauna-workerspnpm create cloudflare@latest my-app --template fauna-labs/fauna-workersAnalytics Engine Forwarder
Use a Worker to capture analytics data with Analytics Engine.
npm create cloudflare@latest my-app -- --template cloudflare/workers-sdk/templates/worker-analytics-engine-forwarderyarn create cloudflare@latest my-app --template cloudflare/workers-sdk/templates/worker-analytics-engine-forwarderpnpm create cloudflare@latest my-app --template cloudflare/workers-sdk/templates/worker-analytics-engine-forwarderApollo GraphQL Server
Lightning-fast, globally distributed Apollo GraphQL server, deployed on the Cloudflare global network using Cloudflare Workers.
npm create cloudflare@latest my-app -- --template cloudflare/workers-graphql-serveryarn create cloudflare@latest my-app --template cloudflare/workers-graphql-serverpnpm create cloudflare@latest my-app --template cloudflare/workers-graphql-serverGraphQL Yoga
The most flexible, fastest, and lightest GraphQL server for all environments, Cloudflare Workers included.
npm create cloudflare@latest my-app -- --template the-guild-org/yoga-cloudflare-workers-templateyarn create cloudflare@latest my-app --template the-guild-org/yoga-cloudflare-workers-templatepnpm create cloudflare@latest my-app --template the-guild-org/yoga-cloudflare-workers-templateFlareact
Flareact is an edge-rendered React framework built for Cloudflare Workers. It features file-based page routing with dynamic page paths and edge-side data fetching APIs.
npm create cloudflare@latest my-app -- --template flareact/flareactyarn create cloudflare@latest my-app --template flareact/flareactpnpm create cloudflare@latest my-app --template flareact/flareactSunder
Sunder is a minimal and unopinionated framework for Service Workers. This template uses Sunder, TypeScript, Miniflare, esbuild, Jest, and Sass, as well as Workers Sites for static assets.
npm create cloudflare@latest my-app -- --template sunderjs/sunder-worker-templateyarn create cloudflare@latest my-app --template sunderjs/sunder-worker-templatepnpm create cloudflare@latest my-app --template sunderjs/sunder-worker-templateGet inspiration from other sites and projects out there that were built with Cloudflare Workers.
Built with Workers