Join Waitlist Boilerplate

Get started with Join Waitlist Nextjs Boilerplate with Cloudflare Pages, Workers and D1 integration. Use wrangler commands to deploy Your landing page to start collecting emails in minutes.

Features

• ✅ Next.js 15.2.4

• ✅ React

• ✅ Typescript

• ✅ Cloudflare Pages and D1 SQL

• For all wrangler commands see: https://developers.cloudflare.com/workers/wrangler/commands/

• Follow the steps to setup Cloudflare Pages and Workers in their respective dirs.

Worker Setup

Checkout the official docs for more info: https://developers.cloudflare.com/workers/

Install packages

Create a new D1 database. You can also create one from cloudflare dashboard: https://dash.cloudflare.com

Setup database tables you can manually create it on cloudflare or through cli

Environment

Create api-worker/env.DB

Wrangler Configuration

Create api-worker/wrangler.toml file

Deploy worker

Preview your Worker locally during development.

Deploy cloudflare worker. Copy the url generated.

Pages Setup

Checkout the official docs for more info: https://developers.cloudflare.com/pages/framework-guides/nextjs/ssr/get-started/

Install packages

Create www/.env file

Create www/wrangler.toml file

Deploy Pages

Environment variables are automatically read from .env. Make sure to update prod env vars before going live

Preview your changes locally during development

Deploy cloudflare pages