コンテンツへスキップ

設定

Next.jsでは、特定の要件を満たすようにプロジェクトをカスタマイズできます。これには、TypeScript、ESLintなどとの統合、および絶対インポートや環境変数などの内部設定オプションが含まれます。

TypeScript

Next.jsは、Reactアプリケーション構築のためのTypeScriptファースト開発エクスペリエンスを提供します。

ESLint

Next.jsは、デフォルトで統合されたESLintエクスペリエンスを提供します。これらのコンプライアンスルールは、最適な方法でNext.jsを使用するのに役立ちます。

環境変数

Next.jsアプリケーションで環境変数を追加およびアクセスする方法を学びます。

絶対インポートとモジュールパスエイリアス

特定のインポートパスを再マップできるモジュールパスエイリアスを設定します。

MDX

MDXを設定し、Next.jsアプリで使用する方法を学びます。

srcディレクトリ

ルートの`pages`ディレクトリの代わりに、`src`ディレクトリ下にページを保存します。

カスタムサーバー

カスタムサーバーを使用して、Next.jsアプリをプログラムで開始します。

ドラフトモード

Next.jsには、静的ページと動的ページを切り替えるためのドラフトモードがあります。App Routerでの動作方法をここで学習できます。

コンテンツセキュリティポリシー

Next.jsアプリケーションのコンテンツセキュリティポリシー(CSP)の設定方法を学びます。

デバッグ

VS CodeまたはChrome DevToolsを使用してNext.jsアプリケーションをデバッグする方法を学びます。

プログレッシブウェブアプリケーション(PWA)

Next.jsを使用してプログレッシブウェブアプリケーション(PWA)を構築する方法を学びます。