Skip to content

[Blog] 記事一覧のページネーション準備(50本超対策) #56

Description

@yuuka-dev

概要

BlogListPage'use client' で全記事をハイドレーションしている。
記事50本超で初期表示コストが増大するため、ページネーション導入を準備する。

現状

  • src/app/blog/page.tsx → サーバーコンポーネント(OK)
  • src/components/BlogListPage.tsx'use client' で全件レンダリング
  • 現在15本 → 短期的に問題なし

対応方針

  • 記事50本到達時にページネーションを実装
  • SSG + クエリパラメータ or ページ分割を検討

受け入れ条件

  • 記事50本に達したタイミングでページネーション実装
  • 初期ハイドレーション量を 1ページ分(20本程度)に制限
  • カテゴリフィルタと共存

Metadata

Metadata

Assignees

No one assigned

    Labels

    Projects

    No projects

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions