コンテンツへスキップ
ドキュメントを検索...
検索...
⌘K
ショーケース
ドキュメント
ブログ
テンプレート
エンタープライズ
ドキュメントを検索...
検索...
⌘K
フィードバック
学習
メニュー
App Router の使用
/app で利用可能な機能
最新バージョンの使用
15.3.0
はじめに
インストール
プロジェクト構造
レイアウトとページ
画像とフォント
CSS
データフェッチ
データ更新
エラー処理
メタデータとOG画像
アップグレード
ガイド
アプリケーションの構築
ルーティング
レイアウトとテンプレート
リンクとナビゲーション
エラー処理
UIの読み込みとストリーミング
リダイレクト
ルートグループ
動的ルーティング
並列ルーティング
インターセプトルーティング
ルートハンドラー
ミドルウェア
国際化 (i18n)
データフェッチ
データフェッチとキャッシュ
サーバーアクションとミューテーション
Incremental Static Regeneration (ISR)
レンダリング
サーバーコンポーネント
クライアントコンポーネント
コンポジションパターン
部分的なプリレンダリング
ランタイム
キャッシュ
スタイリング
CSS
Tailwind CSS
Sass
CSS-in-JS
最適化
画像
ビデオ
フォント
メタデータ
スクリプト
パッケージバンドリング
遅延読み込み
アナリティクス
インストルメンテーション
OpenTelemetry
静的アセット
サードパーティライブラリ
メモリ使用量
ローカル開発
設定
環境変数
MDX
src ディレクトリ
カスタムサーバー
ドラフトモード
コンテンツセキュリティポリシー
デバッグ
プログレッシブウェブアプリ (PWA)
テスト
Vitest
Jest
Playwright
Cypress
認証
デプロイ
本番環境チェックリスト
静的エクスポート
マルチゾーン
アップグレード
コードモッド
Canary
バージョン 15
バージョン 14
App Router の移行
CRAからの移行
Viteからの移行
シングルページアプリ
詳細
APIリファレンス
ディレクティブ
use cache
use client
use server
コンポーネント
フォント
フォーム
画像
リンク
スクリプト
ファイル規約
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
はじめに
インストール
プロジェクト構造
アプリケーションの構築
ルーティング
Pages とレイアウト
動的ルーティング
リンクとナビゲーション
リダイレクト
カスタムApp
カスタムDocument
APIルート
カスタムエラー
国際化 (i18n)
ミドルウェア
レンダリング
サーバーサイドレンダリング (SSR)
静的サイト生成 (SSG)
自動静的最適化
クライアントサイドレンダリング (CSR)
Edge および Node.js ランタイム
データフェッチ
getStaticProps
getStaticPaths
フォームとミューテーション
getServerSideProps
Incremental Static Regeneration (ISR)
クライアントサイドフェッチ
スタイリング
CSS
Tailwind CSS
CSS-in-JS
Sass
最適化
画像
フォント
スクリプト
静的アセット
バンドル
アナリティクス
遅延読み込み
インストルメンテーション
OpenTelemetry
サードパーティライブラリ
設定
環境変数
src ディレクトリ
MDX
AMP
Babel
PostCSS
カスタムサーバー
ドラフトモード
エラー処理
プレビューモード
コンテンツセキュリティポリシー
デバッグ
テスト
Vitest
Jest
Playwright
Cypress
認証
デプロイ
本番環境チェックリスト
静的エクスポート
マルチゾーン
継続的インテグレーション (CI) ビルドキャッシュ
アップグレード
コードモッド
Pages から App へ
Viteからの移行
Create React App からの移行
バージョン 14
バージョン 13
バージョン 12
バージョン 11
バージョン 10
バージョン 9
APIリファレンス
コンポーネント
フォント
フォーム
Head
画像
Image (レガシー)
リンク
スクリプト
関数
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
アーキテクチャ
アクセシビリティ
Fast Refresh
Next.js コンパイラ
サポートされているブラウザ
コミュニティ
貢献ガイド
このページの内容
アップグレード
Node.js バージョン
Next.js バージョン
ESLint バージョン
次のステップ
新機能のアップグレード
`
` コンポーネント
`
` コンポーネント
`