Open-source frontend deployment lab

从本地能跑，到稳定上线。

用真实实验练习构建、环境变量、预览部署、域名配置、冒烟测试和失败排查。

5: deployment labs
4: example apps
MIT: open source

01 Build npm run build

02 Preview branch URL

03 Smoke test routes, assets, env

$ deploy-lab verify production
checking output directory... ok
checking public env vars... ok
checking canonical domain... ok
checking rollback notes... ready

打开代码编辑器的开发者工作台 — Preview confidence before production.

Static hosting Environment variables Preview deployments Custom domains Build debugging

Lab catalog

按上线流程拆开的五个实验。

每个实验都有场景、任务、验证步骤、常见失败和进阶练习。

Deploy a static site

发布静态文件，验证资源、缓存和生产 URL。

Environment variables

区分公开变量、密钥、构建时配置和运行时配置。

Preview deployments

用分支预览和 PR 验证把风险挡在生产环境外。

Custom domains

连接域名、检查 DNS、HTTPS 和规范重定向。

Failed build debugging

从第一条有效错误开始，复现、修复、记录，再把经验变成清单。

Deployment workflow

把上线变成可重复执行的系统。

prepare 确认构建命令、输出目录、依赖版本和环境变量。
preview 用预览部署验证变更，让评审者直接打开真实 URL。
verify 跑冒烟测试：路由、资源、API、域名、HTTPS。
document 记录失败案例和回滚方式，下一次少猜一点。

deploy:
  build: npm run build
  output: dist
  preview: required
  smoke_tests:
    - homepage
    - nested route
    - env label
    - canonical domain
  rollback: previous deployment

Documentation

指南、清单和术语表。

Guides 学习路径、部署概念、密钥处理、冒烟测试。 Checklists 上线前检查、上线后检查和发布检查清单。 中文文档 面向中文读者的部署学习路径和核心指南。

Example apps

用不同前端形态练同一套部署判断。

Plain static Vite React Next.js

Contribute

把一次真实踩坑，变成别人能练习的实验。

提交部署失败故事、补充实验、改进检查清单，或者把某个平台的部署细节写成可复现步骤。

Share a failure Contribution guide