言語
日本語
English

Caution

お使いのブラウザはJavaScriptが無効になっております。
当サイトでは検索などの処理にJavaScriptを使用しています。
より快適にご利用頂くため、JavaScriptを有効にしたうえで当サイトを閲覧することをお勧めいたします。

  1. トップページ
  2. Next.js辞典

Next.js辞典 一覧ページ

初心者向け: 概要と特徴、学習順ガイドReactとの関係・SSR/SSG/ISRの違いと学習順ガイド。
【環境構築】Next.js Dictionaryの開発環境create-next-app でプロジェクトを作成し即開発を始める手順。
cache()サーバー処理を繰り返さないよう複数の層で自動機能するキャッシュ制御。
クライアントコンポーネント'use client' 宣言でブラウザ側で動作するコンポーネント。
cookies()サーバーコンポーネントからリクエストのCookieを読み書きする関数。
クライアントサイドレンダリング(CSR)ブラウザ側でJSを実行してUIを描画するレンダリング方式。
DeployVercel・AWS・セルフホスティングなど各種デプロイ先への公開方法。
動的ルーティングフォルダ名を [ ] で囲んで動的ルートセグメントを定義する仕組み。
Environment VariablesNEXT_PUBLIC_ で公開・非公開を区別する環境変数の管理。
error.jsレンダリングエラー時に表示するエラーUIを定義するファイル規約。
fetch()サーバーコンポーネントで拡張されたfetch。キャッシュ制御オプションが追加。
next/fontGoogle Fonts やローカルフォントをパフォーマンスよく読み込む。
generateMetadata()動的パラメータや外部データを使ってページのメタデータを生成する関数。
generateStaticParams()動的ルートのページをビルド時に静的生成するために返すパラメータを定義。
headers()サーバーコンポーネントから現在のリクエストのHTTPヘッダーを読み取る関数。
Internationalization (i18n)App Router と next.config.js による多言語対応の実装。
<Image>自動最適化・遅延読み込み・レイアウトシフト防止を備えた画像コンポーネント。
画像最適化フォーマット変換・リサイズ・キャッシュを自動処理する画像最適化機能。
インターセプティングルート通常のページ遷移を横取りして別コンポーネントを表示するルーティング方式。
ISR(増分静的再生成)静的ページをバックグラウンドで定期的に再生成し鮮度を保つ方式。
layout.js複数ページで共有されるレイアウトを定義するファイル規約。
next/linkクライアントサイドナビゲーションを実現する <a> タグ拡張コンポーネント。
loading.jsデータ取得・レンダリング中に表示するローディングUIを定義するファイル規約。
Metadata APISEOメタデータをオブジェクトまたは関数で宣言的に管理。
middleware.jsページやAPIルートより先に割り込む処理を定義するファイル規約。
next.config.jsアプリケーションの動作をプロジェクトルートのファイルで一元制御する設定ファイル。
NextRequestミドルウェアや Route Handler で受け取るリクエストクラス。
NextResponseミドルウェアや Route Handler でレスポンスを生成・制御するクラス。
NotFound()サーバーコンポーネントからプログラム的に404画面を表示する関数。
not-found.js404エラー時に表示するカスタムUIを定義するファイル規約。
page.jsフォルダのURLパスに対応するページを定義するファイル規約。
パラレルルート@ で始まるフォルダで同一レイアウト内に複数のビューを並列表示。
redirect()サーバーコンポーネントやルートハンドラからプログラム的にリダイレクトを実行。
revalidatePath()パスまたはタグを指定してキャッシュを再検証する関数。
ルートグループ() 記法でURLパスに影響を与えずルートをグループ整理。
route.js (API Route)APIエンドポイントを定義する Route Handler のファイル規約。
next/scriptサードパーティスクリプトをパフォーマンスに配慮して読み込むコンポーネント。
Server Actions'use server' を付けた非同期関数をサーバー側で実行する仕組み。
サーバーコンポーネントApp Router でデフォルトのサーバー側で動作するコンポーネント。
静的サイト生成(SSG)ビルド時にHTMLを事前生成してCDNから高速配信する静的サイト生成方式。
サーバーサイドレンダリング(SSR)リクエストのたびにサーバー側でHTMLを生成して返すサーバーサイドレンダリング。
template.jsナビゲーションのたびに再マウントされるレイアウトを定義するファイル規約。
TurbopackRust 製の高速バンドラー。Webpack に代わる次世代ツール。
useParams()クライアントコンポーネントで動的ルートパラメータを取得するフック。
usePathnameクライアントコンポーネントで現在のURLパス名を取得するフック。
useRouter()クライアントコンポーネント内でルーターオブジェクトにアクセスするフック。
useSearchParamsクライアントコンポーネントでURLのクエリパラメータを読み取るフック。
useSelectedLayoutSegment一つ下の階層の現在アクティブなルートセグメントを取得するフック。