Open4

Next.jsの導入まとめ

osanaiksosanaiks

仕事でNext.jsなどを使うことになりました。初めて触れるのでメモしていきます。
なお、自身の経験値としては、ほぼFlutterを2年ほど経ているのみです。

まずはHomeBrewを更新しておく(しなくてもいいのかな)
こちらを参考にする
https://qiita.com/empty948/items/684a0c1e515fa3f2997d

1 更新

brew update

2 パッケージのアップグレード

brew upgrade

3 HomeBrewを綺麗にしておく

brew cleanup
osanaiksosanaiks

Next.jsでアプリケーション作成

準備整いました。アプリを作成します

npm create next-app

途中色々聞かれますが、とりあえず全部Yesです

Need to install the following packages:
  create-next-app
Ok to proceed? (y) y
✔ What is your project named? … sample_next_js
✔ Would you like to use TypeScript? … No / Yes
✔ Would you like to use ESLint? … No / Yes
✔ Would you like to use Tailwind CSS? … No / Yes
✔ Would you like to use `src/` directory? … No / Yes
✔ Would you like to use App Router? (recommended) … No / Yes
✔ Would you like to customize the default import alias (@/*)? … No / Yes

とりあえずできた!