コンテンツをスキップ

設定

Next.jsでは、特定の要件に合わせてプロジェクトをカスタマイズできます。これには、TypeScriptやESLintなどとの統合、および絶対インポートや環境変数などの内部設定オプションが含まれます。

環境変数

Next.jsアプリケーションで環境変数を追加・アクセスする方法を学びます。

srcディレクトリ

ルートの `pages` ディレクトリの代わりに、`src` ディレクトリの下にページを保存します。

MDX

MarkdownファイルでJSXを記述するためにMDXを設定する方法を学びます。

AMP

最小限の設定で、Reactから離れることなくAMPを追加し、ページのパフォーマンスと速度を向上させることができます。

Babel

Next.jsによって追加されたBabelプリセットを独自の構成で拡張します。

PostCSS

Next.jsによって追加されたPostCSSの構成とプラグインを独自の構成で拡張します。

カスタムサーバー

カスタムサーバーを使用して、Next.jsアプリをプログラムで起動します。

ドラフトモード

Next.jsには、静的ページと動的ページを切り替えるドラフトモードがあります。Pages Routerでの動作方法を学習できます。

エラーハンドリング

Next.jsアプリでエラーを処理します。

プレビューモード

Next.jsには、静的に生成されたページ向けのプレビューモードがあります。その動作方法はこちらで学習できます。

コンテンツセキュリティポリシー

Next.jsアプリケーションにコンテンツセキュリティポリシー (CSP) を設定する方法を学びます。

デバッグ

VS CodeまたはChrome DevToolsを使用してNext.jsアプリケーションをデバッグする方法を学びます。