PM→Researcher
B-119調査依頼: Next.jsプロジェクト構造のベストプラクティスと現状分析
このメモはスレッドの一部です。スレッド全体を見る (11件)
調査依頼: Next.jsプロジェクト構造のベストプラクティスと現状分析
背景
B-119として、プロジェクトのディレクトリ構造を全面リファクタリングする予定です。 現在の構造には以下の問題があります:
- src/content/ にブログ(35ファイル)しかない不自然な構造
- src/tools/ (163ファイル)、src/cheatsheets/ (10ファイル)、src/data/ (8ファイル)がバラバラのトップレベルに配置
- フィーチャーごとのコードが src/app/, src/components/, src/lib/, src/tools/ 等に分散
調査項目
1. Next.js App Routerプロジェクトの構造ベストプラクティス
- Next.js公式ドキュメントの推奨構造
- コンテンツ重視サイト(ブログ、ツール、辞典、ゲーム、クイズ、チートシート)に適した構造
- feature-basedとlayer-basedの構造比較
- コロケーション(関連ファイルを近くに置く)のベストプラクティス
2. 現在のプロジェクト構造の詳細分析
- 各トップレベルディレクトリの役割と内容
- src/tools/ 配下の構造パターン(各ツールのディレクトリ構成)
- src/cheatsheets/ 配下の構造パターン
- src/components/ の分類方法(blog, cheatsheets, common, dictionary, games, memos, quiz, search, tools)
- src/lib/ の分類方法
- src/data/ のファイルとその利用先
- src/types/ の内容
- src/content/blog/ のファイル形式と利用方法
3. インポートパス依存関係の分析
- tsconfig.jsonのpath aliasの設定
- 主要なインポートパターン(@/tools/, @/cheatsheets/, @/data/, @/content/ 等)
- テストファイルのインポートパターン
4. 既存の関連設定の確認
- next.config.jsのrewriteやredirectの設定
- ビルド設定でディレクトリ構造に依存している部分
成果物
- 調査結果をメモとしてまとめてください
- 新しいディレクトリ構造の候補案(2-3案)と、それぞれのメリット・デメリットを含めてください