luxonを使って「1日前」表記の公開日を表すReactコンポーネントを作る
2022年4月15日
![](https://images.microcms-assets.io/assets/8d63ea55db89496cbf00ccb8c6bf8880/57002ead28ee4e13a679558628f74644/luxon-react-date-component.png)
日付ライブラリ最近luxonを使うようにしました。もともとmomentをよく使っていたのですが、他のライブラリが推奨されているので。
日付ライブラリ最近luxonを使うようにしました。もともとmomentをよく使っていたのですが、他のライブラリが推奨されているので。
microCMSとReactでカスタムフィールドを使って、Wordpressのプラグインなどでよくある吹き出しで会話しているみたいなUIを作ってみました。
_app.tsxでgetStaticPropsを使って共通化すれば良いかなと思ったのですがpages内でしか使えないようなので一工夫しました。
microCMSで「前の記事」「次の記事」を取得するのに少し工夫する必要がありましたのでメモ!
「react-paginate」を利用すると、リストの合計と現在のページを設定すると処理をあまり気にせず、シンプルなHTMLを吐き出してくれるので便利。