Lon Sagisawa

gatsby

Gatsby 4に移行した

2021年11月10日

Gatsby 4がリリースされていたのでこのブログも移行しました。

おもむろにpackage.jsonを更新します。npm-check-updatesをインストールしておくとこういう更新は楽になります(このためにyarnを使っていましたが、ncuの存在を知ってからはnpmを使うようになりました)。

スクリーンショット 2021-11-11 0.14.54

gatsby developを回してみて、エラーを吐いたら公式の移行ガイドを参考にコードを直していきます。v2からv3への移行はgatsby-imageまわりでそれなりに作業がありましたが、今回はgatsby-transformer-remarkにべたべた付けていたオプションを外すだけであっさり移行できました。

Gatsby 4の目玉機能はSSR対応とSSRとSSGのいいとこ取り狙いのDSGなる生成方式に対応したことのようなのですが、元々GatsbyをSSGとして運用するつもりの私としてはGraphQLクエリの並行化が大きな見所になります。確かにgatsby developを叩く時のクエリまわりが速くなっていてよい感じです。

logo

Lon Sagisawa

福井県在住の1995年生まれ男性。ゲームしたり写真を撮ったりコードを書いたりして過ごしています。日本国内でお仕事募集中。

GitHub https://github.com/lonsagisawa
Discord Lon_Sagisawa#5466