案例研究 Castteli Technology
一个企业官网，按它将成为的平台来构建。
- 客户
- Castteli Technology
- 类型
- 企业官网
- 角色
- 架构与全栈开发
- 年份
- 2026
01概览
Castteli Technology 的企业官网，也是其平台未来发展的基础：一个类型化的 monorepo，内容、配置与安全被设计为同一个系统。
02问题
一个新的科技品牌现在就需要公开亮相，而 API、CMS 和管理后台要晚些才来。大多数第一版网站，会在真正的平台上线那天被整个推倒重来。
02方法
把网站当作平台的第一个应用来构建。内容、配置和校验各自独立成包；没有真实事实支撑的内容一律不发布——未知信息宁可留空，也不用看似合理的猜测来填补。
03构建
实际构建了什么
- 01
基于 pnpm 与 Turborepo 的 monorepo：Next.js 16 App Router 网站，构建在配置、校验、内容和 UI 的类型化包之上。
- 02
构建时用 Zod 校验环境变量，设计上可在不同域名间迁移，预览和预发布环境永远不会被搜索引擎收录。
- 03
安全响应头与 CSP；联系表单具备严格的来源校验、蜜罐、最短填写时间与 Turnstile，且不存储任何个人数据。
- 04
质量由 CI 强制保证：lint、严格 TypeScript、单元测试、依赖边界检查、Playwright 与 axe（WCAG 2.2 AA）端到端测试、密钥扫描，以及 Lighthouse 预算（LCP 低于 2 秒，CLS 低于 0.05）。
技术
- Next.js
- TypeScript
- React
- Tailwind CSS
- Zod
- Turborepo
- Playwright
- Vercel
04体验
05当前状态
第 1 版已在临时域名上线。API、CMS 与管理后台是接下来的阶段。
