設定
Next.js では、特定の要件を満たすためにプロジェクトをカスタマイズできます。これには TypeScript や ESLint との統合、絶対インポートや環境変数などの内部設定オプションが含まれます。
TypeScript
Next.js は React アプリケーション構築のための TypeScript ファーストな開発体験を提供します
ESLint
Next.js はデフォルトでビルド時にESLintのエラーと警告を報告します。この動作を無効にする方法について学びましょう。
環境変数
Next.js アプリケーションで環境変数を追加・アクセスする方法を学びます。
絶対インポートとモジュールパスエイリアス
特定のインポートパスを再マッピングできるモジュールパスエイリアスの設定方法
src ディレクトリ
ルートの `pages` ディレクトリの代替として、`src` ディレクトリ配下にページを保存できます。
MDX
マークダウンファイル内で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) を設定する方法を学びます。