Cloudflare Pages Functions Full-Stack

1. Create functions/ at repo root — functions/api/users.ts → route /api/users 2. Methods — export onRequestGet, onRequestPost, onRequestPut, onRequestDelete 3. Catch-all — functions/api/[id].ts → /api/:id, access via context.params.id 4. Middleware — functions/_middleware.ts runs before all routes in that dir 5. Bindings — wrangler.toml [[d1_databases]] etc., available via context.env 6. Static assets — _routes.json controls which paths invoke Functions vs static 7. Deploy — git push triggers build + Functions deploy together

// functions/api/feedback.ts — POST creates, GET lists export const onRequestGet = async ({ env }) => { const { results } = await env.DB.prepare("SELECT * FROM feedback ORDER BY created_at DESC").all(); return Response.json(results); }; export const onRequestPost = async ({ request, env }) => { const { message, email } = await request.json(); await env.DB.prepare("INSERT INTO feedback (message, email) VALUES (?, ?)").bind(message, email).run(); return Response.json({ ok: true }, { status: 201 }); }; // functions/_middleware.ts — auth check for all /api routes export const onRequest = async (context) => { const token = context.request.headers.get("Authorization"); if (!token) return new Response("Unauthorized", { status: 401 }); return context.next(); };