日付ライブラリ最近luxonを使うようにしました。もともとmomentをよく使っていたのですが、他のライブラリが推奨されているので。

microCMSとReactでカスタムフィールドを使って、Wordpressのプラグインなどでよくある吹き出しで会話しているみたいなUIを作ってみました。

_app.tsxでgetStaticPropsを使って共通化すれば良いかなと思ったのですがpages内でしか使えないようなので一工夫しました。

microCMSで「前の記事」「次の記事」を取得するのに少し工夫する必要がありましたのでメモ！

「react-paginate」を利用すると、リストの合計と現在のページを設定すると処理をあまり気にせず、シンプルなHTMLを吐き出してくれるので便利。