設定
Next.js では、特定の要件に合わせてプロジェクトをカスタマイズできます。これには、TypeScript や ESlint との統合、Absolute Imports(絶対パスによるインポート)や環境変数などの内部的な設定オプションが含まれ ます。
- TypeScript: Next.jsは、Reactアプリケーションを構築するためのTypeScriptファーストな開発環境を提供します。
- ESLint: Next.jsはデフォルトで統合されたESLintの体験を提供しています。これらの適合性ルールは、Next.jsを最適な方法で利用するのに役立ちます。
- 環境変数: Next.jsアプリケーションで環境変数を追加してアクセスする方法を学びます。
- 絶対インポートとモジュール・パス・エイリアス: 特定のインポートパスをリマップするためのモジュール・パス・エイリアスを設定します。
- MDX: MDX を構成して、Markdown ファイルで JSX を書く方法を学びましょう。
- src ディレクトリ:
src
ディレクトリの下にページを保存すると、ルートのpages
ディレクトリの代わりになります。 - Draft Mode: Next.jsには、静的ページと動的ページを切り替えるためのドラフトモードがあります。App Routerでその動作方法を学ぶことができます。
- コンテンツセキュリティポリシー: Next.js アプリケーションにコンテンツセキュリティポリシー(CSP)を設定する方法を説明し ます