「_ フォルダ」Next.jsのプライベートフォルダ機能を理解する

更新日：2025/02/14

Next.js 13以降のApp Routerで導入された「プライベートフォルダ」機能について、わかりやすく解説します。

プライベートフォルダとは？

フォルダ名の先頭にアンダースコア（_）をつけることで、そのフォルダを「プライベート」として扱うことができる機能です。

app/
  ├── components/     # /components としてアクセス可能
  │   └── Button.tsx
  └── page.tsx

プライベートフォルダを使用した場合

app/
  ├── components/     # /components としてアクセス可能
  │   └── Button.tsx
  └── page.tsx

プライベートフォルダ機能は、Next.jsプロジェクトのコード整理を助ける便利な機能です。フォルダ名の先頭に_をつけるだけの簡単な仕組みですが、以下のような大きなメリットがあります：

この機能を活用することで、より管理しやすく、安全なNext.jsプロジェクトを構築することができます。

新規記事

すべてを見る

人気記事ランキング

ピックアップ記事

話題のキーワードから探す