かめ。ブログ

Nodeでアプリ依存せずに、MicroCMSからデータを取得してAlgoliaに登録する

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

microCMSさんすみません。。便利なサービスではありますが、一ヶ月ぐらい使っていて、ここ直してほしいなぁ。。というところがいくつかありましたので書いておきます。

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

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

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