perf: ギャラリーが全件取得して3件ランダム表示 #10
Description
概要
app/gallery/page.tsx で全 completed レコードを取得し、JSでシャッフルして3件表示。データ量増加に伴いスケールしない。
対策案
- Supabase RPCで
ORDER BY random() LIMIT 3を使うカスタム関数を作成 - または
.limit(10)等で取得数を制限してからクライアント側でランダム選択
優先度
High
{{ message }}
app/gallery/page.tsx で全 completed レコードを取得し、JSでシャッフルして3件表示。データ量増加に伴いスケールしない。
ORDER BY random() LIMIT 3 を使うカスタム関数を作成.limit(10) 等で取得数を制限してからクライアント側でランダム選択High