はじめに

Next.js プロジェクトでは、next.config.ts というファイルに設定を書きます。
今回は、基本のテンプレートになっている下記の内容を解説します。

import type { NextConfig } from "next";

const nextConfig: NextConfig = {
  /* config options here */
};

export default nextConfig;

個人の備忘録程度の走り書きとなっておりますが、温かい目で見守っていただければ幸いです。

実際のファイルについて

1. `import type { NextConfig } from "next";`

const nextConfig: NextConfig = {
  reactStrictMode: true,  // ReactのStrictModeを有効化
  images: {
    domains: ['example.com'],  // 画像を許可するドメイン
  },
};

この next.config.tsは：

ための「テンプレート」のようなものです。

今は空のままですが、ここに設定を追加することで自分のNext.jsアプリをカスタマイズできるようになります！