設定
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 アプリでのエラーを処理します。
プレビューモード
Next.js には、静的に生成されたページ用のプレビューモードがあります。その仕組みについては、こちらをご覧ください。
コンテンツセキュリティポリシー
Next.js アプリケーションのコンテンツセキュリティポリシー (CSP) を設定する方法を学習します。
デバッグ
VS Code または Chrome DevTools を使用して Next.js アプリケーションをデバッグする方法を学習します。
これは役に立ちましたか?