コンテンツへスキップ
ドキュメンテーションを検索...
検索...
⌘K
ショーケース
ドキュメント
ブログ
テンプレート
エンタープライズ
ドキュメンテーションを検索...
検索...
⌘K
フィードバック
学ぶ
メニュー
App Router の使用
/app で利用可能な機能
最新バージョンの使用
15.3.0
はじめに
インストール
プロジェクトの構成
レイアウトとページ
画像とフォント
CSS
データフェッチング
データの更新
エラーハンドリング
メタデータとOG画像
アップグレード
ガイド
アプリケーションの構築
ルーティング
レイアウトとテンプレート
リンクとナビゲーション
エラーハンドリング
UI のローディングとストリーミング
リダイレクト
ルートグループ
ダイナミックルーティング
並行ルート
インターセプトルーティング
ルートハンドラー
ミドルウェア
国際化
データフェッチング
データフェッチングとキャッシング
サーバーアクションとミューテーション
インクリメンタル静的再生成 (ISR)
レンダリング
サーバーコンポーネント
クライアントコンポーネント
構成パターン
部分的なプリレンダリング
ランタイム
キャッシング
スタイリング
CSS
Tailwind CSS
Sass
CSS-in-JS
最適化
画像
動画
フォント
メタデータ
スクリプト
パッケージバンドル
遅延ロード
アナリティクス
計装
OpenTelemetry
静的アセット
サードパーティライブラリ
メモリ使用量
ローカル開発
設定
環境変数
MDX
src ディレクトリ
カスタムサーバー
ドラフトモード
コンテンツセキュリティポリシー
デバッグ
プログレッシブウェブアプリケーション (PWA)
テスト
Vitest
Jest
Playwright
Cypress
認証
デプロイ
本番環境チェックリスト
静的エクスポート
マルチゾーン
アップグレード
Codemods
Canary
バージョン15
バージョン14
App Router への移行
CRA からの移行
Vite からの移行
シングルページアプリケーション
詳細解説
API リファレンス
ディレクティブ
use cache
use client
use server
コンポーネント
Font
Form
Image
Link
Script
ファイル規約
default.js
error.js
forbidden.js
instrumentation.js
instrumentation-client.js
layout.js
loading.js
mdx-components.js
middleware.js
not-found.js
page.js
route.js
ルートセグメント設定
template.js
unauthorized.js
メタデータファイル
favicon, icon, および apple-icon
manifest.json
opengraph-image および twitter-image
robots.txt
sitemap.xml
関数
after
cacheLife
cacheTag
connection
cookies
draftMode
fetch
forbidden
generateImageMetadata
generateMetadata
generateSitemaps
generateStaticParams
generateViewport
headers
ImageResponse
NextRequest
NextResponse
notFound
permanentRedirect
redirect
revalidatePath
revalidateTag
unauthorized
unstable_cache
unstable_noStore
unstable_rethrow
useLinkStatus
useParams
usePathname
useReportWebVitals
useRouter
useSearchParams
useSelectedLayoutSegment
useSelectedLayoutSegments
userAgent
設定
next.config.js
allowedDevOrigins
appDir
assetPrefix
authInterrupts
basePath
cacheLife
compress
crossOrigin
cssChunking
devIndicators
distDir
dynamicIO
env
eslint
expireTime
exportPathMap
generateBuildId
generateEtags
headers
htmlLimitedBots
httpAgentOptions
images
cacheHandler
inlineCss
logging
mdxRs
onDemandEntries
optimizePackageImports
output
pageExtensions
poweredByHeader
ppr
productionBrowserSourceMaps
reactCompiler
reactMaxHeadersLength
reactStrictMode
redirects
rewrites
sassOptions
serverActions
serverComponentsHmrCache
serverExternalPackages
staleTimes
staticGeneration*
trailingSlash
transpilePackages
turbopack
typedRoutes
typescript
urlImports
useCache
useLightningcss
ViewTransition
webpack
webVitalsAttribution
TypeScript
ESLint
CLI
create-next-app
next CLI
Edge Runtime
Turbopack
はじめに
インストール
プロジェクトの構成
アプリケーションの構築
ルーティング
ページとレイアウト
ダイナミックルーティング
リンクとナビゲーション
リダイレクト
カスタムApp
カスタムDocument
API ルート
カスタムエラー
国際化
ミドルウェア
レンダリング
サーバーサイドレンダリング (SSR)
静的サイト生成 (SSG)
自動静的最適化
クライアントサイドレンダリング (CSR)
Edge および Node.js ランタイム
データフェッチング
getStaticProps
getStaticPaths
フォームとミューテーション
getServerSideProps
インクリメンタル静的再生成 (ISR)
クライアントサイドフェッチング
スタイリング
CSS
Tailwind CSS
CSS-in-JS
Sass
最適化
画像
フォント
スクリプト
静的アセット
バンドル
アナリティクス
遅延ロード
計装
OpenTelemetry
サードパーティライブラリ
設定
環境変数
src ディレクトリ
MDX
AMP
Babel
PostCSS
カスタムサーバー
ドラフトモード
エラーハンドリング
プレビューモード
コンテンツセキュリティポリシー
デバッグ
テスト
Vitest
Jest
Playwright
Cypress
認証
デプロイ
本番環境チェックリスト
静的エクスポート
マルチゾーン
継続的インテグレーション (CI) ビルドキャッシング
アップグレード
Codemods
Pages から App へ
Vite からの移行
Create React App からの移行
バージョン14
バージョン13
バージョン12
バージョン11
バージョン10
バージョン9
API リファレンス
コンポーネント
Font
Form
Head
Image
Image (レガシー)
Link
Script
関数
getInitialProps
getServerSideProps
getStaticPaths
getStaticProps
NextRequest
NextResponse
useAmp
useReportWebVitals
useRouter
userAgent
設定
next.config.js オプション
allowedDevOrigins
assetPrefix
basePath
bundlePagesRouterDependencies
compress
crossOrigin
devIndicators
distDir
env
eslint
exportPathMap
generateBuildId
generateEtags
headers
httpAgentOptions
images
onDemandEntries
optimizePackageImports
output
pageExtensions
poweredByHeader
productionBrowserSourceMaps
reactStrictMode
redirects
rewrites
ランタイム設定
serverExternalPackages
trailingSlash
transpilePackages
turbo
typescript
urlImports
useLightningcss
webpack
webVitalsAttribution
TypeScript
ESLint
CLI
create-next-app CLI
next CLI
Edge Runtime
Turbopack
アーキテクチャ
アクセシビリティ
高速リフレッシュ
Next.js コンパイラ
対応ブラウザ
コミュニティ
コントリビューションガイド
このページをGitHubで編集
マネージド Next.js (Vercel)
トップへスクロール
はじめに
App Router
詳細解説
詳細解説
前へ
シングルページアプリケーション
次へ
API リファレンス
これは役に立ちましたか？
サポートされています。
送信