← Catalog·Tooling·2026

Resume Builder

Resume Builder is a single-page editor that splits a structured form on the left against a live styled preview on the right, both bound to the same React state and autosaved to D1 two seconds after any change. Every visit to `/resume-builder` mints a fresh resume with a unique 8-character share token — no login, no friction; whoever has the link owns it. The editor handles every standard resume section (personal info, summary, experience with per-bullet AI rewrite, education, skills groups, projects, certifications, volunteer, awards, languages, references, and a fully custom user-defined section), plus a design panel that swaps between five templates (Minimal, Modern, Classic, Sidebar, Creative), custom accent and background colors, Google Font pairings, and an AI layout prompt that returns a coherent design system in one call. Sharing is one click: a copy-to-clipboard button in the topbar hands over a `/view` URL that renders the resume read-only, and a browser-side `@react-pdf/renderer` flow produces an ATS-safe PDF download in the same template style. Backed by a Cloudflare D1 `resumes` table addressed by a short URL-safe token.

Framework

Next.js 16 (App Router) + React 19, bidirectional state split

Deploy target

Cloudflare Workers via OpenNext 1.19 (nodejs_compat)

Database

Cloudflare D1 (`bridgeworks`) — single `resumes` table, 8-char URL-safe tokens

AI

Anthropic claude-sonnet-4-6 — bullet rewrite, summary, skill suggestions, layout generation

PDF

`@react-pdf/renderer` in-browser, ATS-safe, all 5 template variants

Templates

Five: Minimal, Modern, Classic, Sidebar, Creative — each with HTML preview + PDF mirror

Design system

User-editable accent + background colors, Google Font pairings, AI layout prompt

Sharing

Token in URL is the ownership token — no auth, no signup, copy-to-clipboard share

Autosave

2s debounced PUT to D1 on every state change; per-keystroke with no UI noise