cloudflare temp email

中文

Live Demo

This is a temporary email service that uses Cloudflare Workers to create a temporary email address and view the received email in web browser.

Features

• Cloudflare D1 as a database
• Deploy the front end with Cloudflare Pages
• Deploy the backend with Cloudflare Workers
• Email forwarding using Cloudflare Email Routing
• Exceeded CPU Limit error caused by the free version of the attachment

Deploy

Install/Update Wrangler

DB - Cloudflare D1

# create a database, and copy the output to wrangler.toml in the next step
wrangler d1 create dev
wrangler d1 execute dev --file=db/schema.sql

Backend - Cloudflare workers

cd worker
pnpm install
# copy wrangler.toml.template to wrangler.toml
# and add your d1 config and these config
# PREFIX = "tmp" - the email create will be like tmp<xxxxx>@DOMAIN
# DOMAIN = "xxx.xxx" - you domain name
# JWT_SECRET = "xxx"
# BLACK_LIST = ""
cp wrangler.toml.template wrangler.toml
# deploy
pnpm run deploy

you can find and test the worker's url in the workers dashboard

enable email route and config email forward catch-all to the worker

Frontend - Cloudflare pages

cd frontend
pnpm install
# add .env.local and modify VITE_API_BASE to your worker's url
# VITE_API_BASE=https://xxx.xxx.workers.dev - don't put / in the end
cp .env.example .env.local
pnpm build --emptyOutDir
pnpm run deploy