@Kei05posted at 2022-11-11

notion-blog-nextjsで一覧ページにページネーションを実装

Q&A

Closed

「notion-blog-nextjs」をベースにブログを構築しているのですが、記事一覧ページにページネーションを実装することは出来るのでしょうか。
調べてみているのですが実装方法がわからずご教示いただけないでしょうか。

Notion APIで一覧1ページあたり20件の記事を表示し、それ以降はページネーションで移動できるようにしたいです。
それ以降のページも最初と同様に20件ずつの表示にしたいです。

ざっくりとしており申し訳ないです。

1Answer

dbに対してcountを採取し、１から頁数を加算しながら、innerHTML = getpage(1,50)
の　１～ｎ頁までonClickを生成するだけでは？　サーバー側はsqlにレコード数をlimit(50),offset(1)指定します。

暇人ｘ　in 電車

0Like

@Kei05
Questioner
教えていていただいたのに申し訳ないですが、今回はSQLでデータベースにアクセスするのではなく、Notion APIから取得する1ページあたりの表示記事数を制限して、それ以降はページネーション選択後の次のページに表示させたいです。
@HalHarada
考え方として紹介しました。
count、limit,offsetと類似する機能を
Notion APIから探して下さい。