作業ディレクトリを用意する

まず、プロジェクトを置くフォルダを作ります。散らかったデスクトップに直接作らず、決めた場所に置く習慣をつけておくと後で困りません。

create-next-appで雛形を作る

npx create-next-app@latest は、Next.jsの最新バージョンで新しいプロジェクトを作成するためのコマンドです。実行するとプロジェクト名やTypeScriptを使うか、ESLintを使うか、Tailwind CSSを使うか、App Routerを使うかなどを対話形式で聞かれます。

設定は後からでも変えられる

最初はどれを選ぶべきか迷いますが、講座では順に説明します。ここで作られる雛形には、すでに動く簡単なWebページが含まれています。

• 作業するディレクトリを準備する
• npx create-next-app@latest でプロジェクトを作成
• 対話形式の設定項目に答える