LoginSignup
1
0

Next.js14を始める時の注意事項(最新版)

Last updated at Posted at 2024-06-08

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

で初期画面が出ます。

1
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
0