Open4
Next.jsの導入まとめ
仕事でNext.jsなどを使うことになりました。初めて触れるのでメモしていきます。
なお、自身の経験値としては、ほぼFlutterを2年ほど経ているのみです。
まずはHomeBrewを更新しておく(しなくてもいいのかな)
こちらを参考にする
1 更新
brew update
2 パッケージのアップグレード
brew upgrade
3 HomeBrewを綺麗にしておく
brew cleanup
HomeBrew経由でNode.jsをインストール
brew install nodejs
npmをインストール
npm install -g npm@10.6.0
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
とりあえずできた!