Dotto Web

セットアップ

1. .env.example を参考に .env.local を作成
2. 依存関係をインストール
3. 開発サーバーを起動

mise setup
pnpm dev

Storybook

コンポーネントカタログを http://localhost:6006 で起動します。

pnpm storybook

静的ファイルを生成する場合は pnpm build:storybook を実行します。

Cloudflare Pages

Git連携でPagesプロジェクトを作成するときは、次のビルド設定を指定します。

• プロジェクト名: dotto-web-storybook
• Production branch: main
• Build command: pnpm build:storybook
• Build output directory: storybook-static
• Root directory: /
• Environment variable: PNPM_VERSION=11.10.0

静的ビルドをCloudflareのローカルサーバーで確認する場合:

pnpm build:storybook
pnpm preview:storybook

WranglerでPagesへ直接デプロイする場合:

pnpm deploy:storybook

Firebase App Check

このプロジェクトは Firebase App Check（reCAPTCHA v3）を利用します。

• NEXT_PUBLIC_FIREBASE_APPCHECK_SITE_KEY を設定すると App Check が有効になります
• ローカル検証では NEXT_PUBLIC_FIREBASE_APPCHECK_DEBUG_TOKEN が利用できます
  • true を設定するとデバッグトークンを自動生成
  • 固定値を設定するとその値を利用

App Check トークンは自動リフレッシュを有効化しています。