07. Frontend ガイド¶
このセクションは、Storefront を中心とした Frontend 実装で迷いやすい UI ルールと運用ルールの入口です。設計判断は
docs/02-design/、実装手順は docs/03-implementation/frontend/
を正本とし、このディレクトリでは
画面表現・共通 UI・UI プレビュー運用を扱います。
まず読む資料¶
- 共通コンポーネント ガイド: primitive / wrapper / feature component の責務境界
- UI プレビューガイドライン: React Cosmos の運用ルール、検証粒度、運用上の注意
関連ドキュメント¶
- Storefront 実装ガイド: GraphQL、ルーティング、認証、実装フロー
- Storefront Style Guide: 画面表現、UI 原則、ブランドトーン
- 開発標準・ツール: リポジトリ全体の命名・配置・開発ルール
更新時の扱い¶
- Frontend 向けの新規文書を追加したら、この
index.mdとdocs/index.mdから辿れる状態にする。 - UI 方針を変えた場合は
docs/02-design/、実装や運用手順を変えた場合はdocs/03-implementation/frontend/と整合を取る。 - 管理画面の呼称は、Vendure 標準画面を Vendure Dashboard、React製の拡張画面を React Dashboard に統一する。