自前の素振り用テンプレをやめてnext.jsでまかなえるか？

使っていた自前

構成

Parcel / React / TypeScript / chakra-ui / jest / prettier

なぜ自前で素振りにしてたか？

Parcelである程度は済む

とはいえTypeScriptの設定を毎度作るのめんどい

chakra-uiがemotion依存してたりでそこそこ面倒な部分がある

jestをある程度やっとかないと面倒になりがち

とはいえ自前の問題点

アップデート

dependabotとrenovateに喧嘩させてる

利用するのにいちいちgithubでnewするので汚す必要がある

かといってnpmに上げたりCRAに合わせようとするとめんどくさ倍増するし・・・

ある意味up漏れが無いのは嬉しいと言える

なぜnext.jsで賄えそうか？

TSフレンドリーになってきた。

基本tsxファイルを置けば読んでくれる

むしろ便利なところ

ファイル分けたら複数ページ作れるのが地味に便利

API部分が使える

エラーが見やすい

vercelにならスッと上げれる

codesandboxにも上げやすくなる？と思ったけどそこはそんなことなさそう。parcelだとひと手間あるので面倒

next.jsでの課題

SSRハマり回避が必要

ざっくりこんな一行で回避してしまうのが良さそう

export default dynamic( () => import("./csr/_page"), { ssr: false })

jestはやっぱり面倒