ヒントにした資料

https://egghead.io/lessons/next-js-request-paginated-data-from-notion-api-with-next-js

はじめに

今回はページネーションについて深堀りしていきたいと思います。

• 完成形（ゴールイメージ）の共有

• 前回から使用しているベースコードで実装をしてみる（テスト用のデータベース使用）

• ページ内のは１００個までしか取得できないのか確認する

• １００個までが確認とれたら、１００単位でページネーションをページ内に設置してみる

解決したい問題

Notion の１つの記事が長くなるとブログサイトでは全てが反映されない問題を解決したい。

原因としては、Notion のAPI の取得上限が１００個までであること。これは１回の取得制限が１００までなのか、それとも表示上限が１００までなのか？この違いで getStaticsProps の抽出条件が変わってくるのではないか？？

ポイントになりそうな技術

• while 文

• スプレッド構文 ...

ページネーションの実装

• １ページに表示する上限を決定する

• 上限決定後、全体の要素数を割る（全体の要素数 ÷ 上限数）ことで、必要なページネーション数が求められる