Next.js 日本語翻訳プロジェクト

Next.js を最適な環境でデプロイ →

Next.js のデプロイを手軽に →

Skip to content

Next.js

Docs

Documentation

はじめに
Basic Features
Pages
データ取得
Overview
getServerSideProps
getStaticPaths
getStaticProps
Incremental Static Regeneration
Client side
CSS のビルトインサポート
Layouts
画像最適化
Font Optimization
静的ファイルの配信
高速更新
ESLint
TypeScript
環境変数
サポートしているブラウザと機能
Handling Scripts
Routing
はじめに
Dynamic Routes
Imperatively
浅いルーティング
API Routes
はじめに
動的APIルーティング
API ミドルウェア
レスポンスヘルパー
Middleware
Going to Production
Deployment
Authentication
Guides
Building Forms
Advanced Features
プレビューモード
動的インポート
Automatic Static Optimization
静的HTMLのエクスポート
絶対パスインポートとモジュールパスエイリアス
Using MDX
AMP Support
はじめに
AMPコンポーネントの追加
AMPの検証
AMPの静的HTMLエクスポート
TypeScript
Babel 設定のカスタマイズ
PostCSS設定のカスタマイズ
カスタムサーバー
カスタム`App`
カスタム `Document`
エラーページのカスタマイズ
`src` ディレクトリ
マルチゾーン
パフォーマンス測定
デバッグ
Codemods
Source Maps
国際化されたルーティング
Output File Tracing
Security Headers
React 18
アップグレードガイド
Migrating to Next.js
Incrementally Adopting Next.js
Migrating from Gatsby
Migrating from Create React App
Migrating from React Router
よくある質問
テスト

API Reference

CLI
Create Next App
next/router
next/link
next/image
next/head
next/amp
next/server
Edge Runtime
Data Fetching
getInitialProps
getServerSideProps
getStaticPaths
getStaticProps
next.config.js
はじめに
環境変数
Base Path
Rewrites
Redirects
独自のヘッダー
独自のページ拡張子
アセットプレフィックスによる CDN サポート
webpackの設定のカスタマイズ
圧縮
ランタイム設定
x-powered-by の無効化
ETag 生成の無効化
Disabling HTTP Keep-Alive
カスタムビルドディレクトリの設定
ビルド ID の設定
onDemandEntries の設定
Ignoring ESLint
TypeScriptのエラーを無視する
exportPathMap
末尾のスラッシュ
React Strict モード
URL Imports
ビルドインジケーター

Documentation

はじめに
Basic Features
Pages
データ取得
Overview
getServerSideProps
getStaticPaths
getStaticProps
Incremental Static Regeneration
Client side
CSS のビルトインサポート
Layouts
画像最適化
Font Optimization
静的ファイルの配信
高速更新
ESLint
TypeScript
環境変数
サポートしているブラウザと機能
Handling Scripts
Routing
はじめに
Dynamic Routes
Imperatively
浅いルーティング
API Routes
はじめに
動的APIルーティング
API ミドルウェア
レスポンスヘルパー
Middleware
Going to Production
Deployment
Authentication
Guides
Building Forms
Advanced Features
プレビューモード
動的インポート
Automatic Static Optimization
静的HTMLのエクスポート
絶対パスインポートとモジュールパスエイリアス
Using MDX
AMP Support
はじめに
AMPコンポーネントの追加
AMPの検証
AMPの静的HTMLエクスポート
TypeScript
Babel 設定のカスタマイズ
PostCSS設定のカスタマイズ
カスタムサーバー
カスタム`App`
カスタム `Document`
エラーページのカスタマイズ
`src` ディレクトリ
マルチゾーン
パフォーマンス測定
デバッグ
Codemods
Source Maps
国際化されたルーティング
Output File Tracing
Security Headers
React 18
アップグレードガイド
Migrating to Next.js
Incrementally Adopting Next.js
Migrating from Gatsby
Migrating from Create React App
Migrating from React Router
よくある質問
テスト

API Reference

CLI
Create Next App
next/router
next/link
next/image
next/head
next/amp
next/server
Edge Runtime
Data Fetching
getInitialProps
getServerSideProps
getStaticPaths
getStaticProps
next.config.js
はじめに
環境変数
Base Path
Rewrites
Redirects
独自のヘッダー
独自のページ拡張子
アセットプレフィックスによる CDN サポート
webpackの設定のカスタマイズ
圧縮
ランタイム設定
x-powered-by の無効化
ETag 生成の無効化
Disabling HTTP Keep-Alive
カスタムビルドディレクトリの設定
ビルド ID の設定
onDemandEntries の設定
Ignoring ESLint
TypeScriptのエラーを無視する
exportPathMap
末尾のスラッシュ
React Strict モード
URL Imports
ビルドインジケーター

Data Fetching Overview

Examples
  • WordPress Example (Demo)
  • Blog Starter using markdown files (Demo)
  • DatoCMS Example (Demo)
  • TakeShape Example (Demo)
  • Sanity Example (Demo)
  • Prismic Example (Demo)
  • Contentful Example (Demo)
  • Strapi Example (Demo)
  • Prepr Example (Demo)
  • Agility CMS Example (Demo)
  • Cosmic Example (Demo)
  • ButterCMS Example (Demo)
  • Storyblok Example (Demo)
  • GraphCMS Example (Demo)
  • Kontent Example (Demo)
  • Static Tweet Demo

Data fetching in Next.js allows you to render your content in different ways, depending on your application's use case. These include pre-rendering with Server-side Rendering or Static Generation, and updating or creating content at runtime with Incremental Static Regeneration.

SSR: Server-side rendering

Learn more about server-side rendering in Next.js with getServerSideProps.

SSG: Static-site generation

Learn more about static site generation in Next.js with getStaticProps.

CSR: Client-side rendering

Learn more about client side rendering in Next.js with SWR.

Dynamic routing

Learn more about dynamic routing in Next.js with getStaticPaths.

ISR: Incremental Static Regeneration

Learn more about Incremental Static Regeneration in Next.js.

Learn more

Preview Mode

Learn more about the preview mode in Next.js.

Routing

Learn more about routing in Next.js.

TypeScript

Add TypeScript to your pages.
Overview

Was this helpful?
Edit this page on GitHub