いまさらNext.jsを触りはじめる

もっと早くつかっておけばよかった。

nvm, nodeのインストール

現マシンに何も入っていないのでnodeのインストールから。

GitHub - nvm-sh/nvm: Node Version Manager - POSIX-compliant bash script to manage multiple active node.js versions

curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.3/install.sh | bash

nvm version-remote ## ==> v19.9.0
nvm install 19.9.0

node --version ## ==> v19.9.0

nextjsのインストールと起動

npx create-next-app@latest test
cd test
npm run dev

だいたいコマンド一発で出来るのはcreate-react-appと同じ感じ。

material-ui改めmuiのインストールと利用

npm install @mui/material @emotion/react @emotion/styled @emotion/cache @emotion/server

material-uiは前も気に入って使っていたが、v5になりガラッと使うものが変わった模様。新規で作ろうとしていたものなのでv5のルールに追随しておく。

あとは以前のmaterial-uiと同じ感覚だった。楽だ。

まとめ

いままでずーっと素のreactを使っていたが、Next.jsのファイル置くだけルーティングがクッソ楽だった。なんでもっと早く使わなかったの。

参考