設定
Next.jsでは、特定の要件に応じてプロジェクトをカスタマイズできます。これには、TypeScript、ESLint、その他の統合、および絶対インポートや環境変数などの内部設定オプションが含まれます。
TypeScript
Next.jsは、Reactアプリケーションを構築するためのTypeScript優先の開発体験を提供します。
ESLint
Next.jsはデフォルトでビルド時にESLintのエラーと警告を報告します。このビヘイビアをオプトアウトする方法はこちらをご覧ください。
環境変数
Next.js アプリケーションで環境変数を追加およびアクセスする方法を学びます。
絶対インポートとモジュールパスエイリアス
特定のインポートパスを再マッピングできるモジュールパスエイリアスを設定します。
srcディレクトリ
ルートの `pages` ディレクトリの代わりに、`src` ディレクトリの下にページを保存します。
Markdown と MDX
マークダウンファイルで 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アプリケーションをデバッグする方法を学びます。