Castteli · コーポレートサイト

ケーススタディ Castteli Technology

いずれなるプラットフォームのように設計した、コーポレートサイト。

01概要

Castteli Technology のコーポレートサイトであり、同社のプラットフォームが育っていく土台。コンテンツ、設定、セキュリティをひとつのシステムとして設計した、型付きのモノレポです。

新しいテクノロジーブランドには今すぐ公開の顔が必要ですが、API、CMS、管理画面はその後にやってきます。多くの最初のサイトは、本物のプラットフォームが来た日に捨てられてしまいます。

サイトをプラットフォームの最初のアプリとして作ること。コンテンツ、設定、バリデーションはそれぞれ独立したパッケージに置き、裏付けのある事実がないものは公開しません。わからない情報は、もっともらしい推測で埋めずに空けておきます。

01
pnpm と Turborepo のモノレポ。設定、バリデーション、コンテンツ、UI の型付きパッケージの上に、Next.js 16 App Router のサイトを構築。
02
ビルド時に Zod で環境変数を検証。ドメインに依存しない設計で、プレビューやステージングは決してインデックスされません。
03
セキュリティヘッダーと CSP。問い合わせフォームには厳格なオリジン検証、ハニーポット、最短入力時間、Turnstile を備え、個人データは一切保存しません。
04
品質は CI で担保：lint、厳格な TypeScript、ユニットテスト、依存関係の境界チェック、Playwright と axe（WCAG 2.2 AA）による E2E テスト、シークレットスキャン、Lighthouse の予算（LCP 2 秒未満、CLS 0.05 未満）。

技術