Next.jsのディレクトリ構成

Next.jsのディレクトリ構成を以下に示します。これは、bulletproof-reactのベストプラクティスに基づいています。

基本構成

/src
  /components
  /pages
  /styles
  /utils
  /hooks
  /context

• /components: 再利用可能なUIコンポーネントを配置
• /pages: 各ページのエントリーポイント
• /styles: グローバルスタイルやテーマ
• /utils: ユーティリティ関数
• /hooks: カスタムフック
• /context: Reactコンテキスト