Env Promotion Checklist
Compare required environment variables across Preview vs Production with redacted values.
Run this experiment yourself
Demos are not embedded on this site. Deploy a standalone copy on Vercel or run the experiment app locally.
Local development
cd apps/experiments/env-promotion-checklist pnpm install pnpm dev
Then open http://localhost:3010.
This is an experimental demo. Use it as a starting point for your own projects.
Paste Preview and Production env files, check required keys, and review redacted diffs before promoting.
Features
- Standalone Next.js app under
apps/experiments/env-promotion-checklist/. - Honest degradation when optional services are missing.
- Unit-tested helpers in
logic.ts.
UI Reference
Client-side compare only — paste stays in the browser. No server secrets and no Route Handlers.
| Control | Behavior |
|---|---|
| Preview / Production paste | Parsed as env files in logic.ts |
| Required keys | Checklist of missing vs present (values redacted) |
Implementation Details
Run the demo
Use deploy / run-locally from the hub, or pnpm dev in the experiment app.
Reuse the helpers
Copy logic.ts from apps/experiments/env-promotion-checklist/ into your project.
Limitations
- Educational demo — not a production-hardened product.
- Inputs are length-capped.
Use in your project
Copy the experiment folder or logic.ts helpers into your promotion checklist tooling.
Deployment
Local Development
cd apps/experiments/env-promotion-checklist
pnpm install
pnpm devConfiguration
| Variable | Required | Purpose |
|---|---|---|
| — | — | No required secrets |
Vercel / Next.js Features Used
- Next.js, Zod