設定
Next.js では、特定の要件に合わせてプロジェクトをカスタマイズできます。TypeScript や ESLint との統合、絶対インポートや環境変数などの内部設定オプションが含まれます。
TypeScript
Next.js は React アプリケーション構築のために TypeScript ファーストの開発体験を提供します。
ESLint
Next.js はデフォルトでビルド時に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アプリケーションにおけるエラー処理方法
デバッグ
VS Code または Chrome DevTools を使用して Next.js アプリケーションをデバッグする方法を学びます。
プレビューモード
Next.js には静的生成ページ向けのプレビューモード機能があります。その仕組みについて学びましょう。
コンテンツセキュリティポリシー (CSP)
Next.js アプリケーションにコンテンツセキュリティポリシー (CSP) を設定する方法を学びます。