Next.js + TypeScript プロジェクト作成

Next.js+React+TypeScriptのプロジェクトの作成方法について説明します。

環境

• macOS
• volta 2.0.2
• node 22.18.0
• pnpm 10.22.0

プロジェクト作成

まず、ターミナルで以下のコマンドを打って、新規プロジェクトを作成します。

pnpm create next-app my-next-app

コマンドを実行すると、いくつかの質問されるので今回は以下の画像のように選択します。
※選択は十字キーでできます。

• No, customize settings
• Yes
• Biome
• Yes
• No
• Yes
• Yes
• No

次に、作成したプロジェクトのディレクトリに移動して、アプリケーションを実行します。

cd my-next-app

pnpm dev

以下のようになったら、http://localhost:3000にアクセスしてください。

以下の画像のように表示されたら成功です。