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