NotionBlogを少し改修

NotionBlogで記事が記事が一定数超えるとプレビューが表示されない件と日付順にソートされない件を改修した。

---

記事が一定数超えるとプレビューが表示されない件

記事の数が10件を超えると記事の一覧表示やタグ検索した際にプレビューが表示されず、'No preview available'が表示されていた。

ソースコードを読んで気がついたが、
記事のインデックスを取得するgetBlogIndex.tsでプレビュー数が10記事に設定されていた。

// only get 10 most recent post's previews
   const postsKeys = Object.keys(postsTable).splice(0, 10)

なぜ10?と思いつつ、とりあえず100に増やしておく(目指せ100記事)

// only get 10 most recent post's previews
   const postsKeys = Object.keys(postsTable).splice(0, 100)

表示された。

日付順にソートされない件

デフォルトの設定でNotionBlogで記事公開すると、記事表示は日付順になっていなかったので、index.tsと[tag].tsxにsort処理を追加。
posts はオブジェクトの配列なのでDateでsort。

posts.sort((a, b) => b.Date - a.Date)

ワンライナーな処理は以下NotionBlogブログを参考にしました。
(ありがとうございます！)

BlogのPostsを日付順にsortする |

noteが便利すぎてブログ公開の主はココですが、
Notion界隈も盛り上がってきているので、これからが楽しみです。Notion+GTDも使い始めたので今度記事にします。

なにとぞ。