Open18日前にコメント追加4

Next.jsの導入まとめ

Next.js

Node.js

Homebrew

osanaiks 18日前に更新

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

まずはHomeBrewを更新しておく（しなくてもいいのかな）
こちらを参考にする

1 更新

brew update

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

brew upgrade

3 HomeBrewを綺麗にしておく

brew cleanup

osanaiks 18日前に更新

HomeBrew経由でNode.jsをインストール

brew install nodejs

osanaiks 18日前

npmをインストール

npm install -g npm@10.6.0

osanaiks 18日前に更新

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

とりあえずできた！