Menu

設定

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アプリケーションをデバッグする方法を学びます。