一撃でプロジェクトが立ち上がる

npx create-next-app@latestを実行すると、開発に必要な設定がすべて済んだNext.jsプロジェクトが生成されます。開発環境構築講座で学んだpackage.jsonやnode_modulesがここで登場します。

開発サーバーを起動する

npm run devで開発サーバーが立ち上がり、ブラウザでhttp://localhost:3000を開くと自分のアプリが表示されます。コードを保存すると画面が即座に更新されます。

学ぶ目的

生成されたファイル（app/・public/・package.jsonなど）の役割を一つずつ確認し、「どこを触れば何が変わるのか」を把握することが目的です。

• create-next-appの実行
• 生成されるファイル構成の読み方
• 開発サーバー（npm run dev）の起動