記事一覧

SWRの導入

このブログは一覧ページはいいね(いいねボタン未実装)の多い順に表示しているのだが、リアルタイムに反映させたい。 しかしながら毎回フェッチするのはパフォーマンス的に問題がある。 そこでSWRを導入するこ...

👍12

続きを読む

Prismの導入

Flamelinkはコードスニペットを挿入すると、PrismのCSSを吐き出すようなのでPrismを導入した。 const Blog = (params: any) => { retu...

👍9

続きを読む

無限スクロールの実装

前回SWRを導入したが、件数が少ないうちは良いのだが、件数が増えてくるとロード時間が長くなる問題が発生する。 という訳で今回はページングを実装したい。 SWR公式をよく読んでみるとページングはサポー...

👍7

続きを読む

表示ってどうするん?

前回Flamelinkから投稿するところまでは、マジで爆速だった。 しかし、これだけでは公開することはできない。フロントエンドが必要なのだ。 JavascriptでFlamelinkからデータが取れる...

👍7

続きを読む

sitemap.xmlの生成

一通りBlogの実装はできたんで、sitemap.xmlを設置すれば、Googleにインデックスされるはず。 nextjs-sitemap-generatorが良さげなので使ってみる。 まずはイン...

👍2

続きを読む

自動ビルド

Flmelinkに記事を書いたら、自動でビルドするようにしたい。FlamelinkはWebhookに対応しているのだが無料プランだと使用できない。 しかし、無料プランでもできる方法を考えた。 Fl...

👍2

続きを読む