メインコンテンツまでスキップ

設定

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)を設定する方法を説明します