next.jsでインストール方法はさまざまあるが、時期によって違うため最新版App router
を使うインストール方法を備忘録として残しておく。
$ npx create-next-app
create-next-app@14.1.2
Ok to proceed? (y)
✔ What is your project named? … todo-app #好きなプロジェクトを入れる
✔ Would you like to use TypeScript? … No / Yes #Yesを選択。
✔ Would you like to use ESLint? … No / Yes #Yesを選択。
✔ Would you like to use Tailwind CSS? … No / Yes #Yesを選択。
✔ Would you like to use `src/` directory? … No / Yes #Noを選択。
✔ Would you like to use App Router? (recommended) … No / Yes #Yesを選択。
✔ Would you like to customize the default import alias (@/*)? … No / Yes #Yesを選択
この後なんだけど結構時間がかかる。
最初止まってしまったのかと思いました......
下記がでればOK!
133 packages are looking for funding
run `npm fund` for details
found 0 vulnerabilities
Success! Created my-app
後は作成したプロジェクトに入り
npm run dev
で初期画面が出ます。