20240124 TIL 페이지 네이션하기 / 반응형

아마. 주말에 추가 예정

 

const PAGE_POST_NUMBER = 12;
export const fetchRangePosts = async (page: number) => {
  const startIndex = (page - 1) * PAGE_POST_NUMBER;
  const endIndex = startIndex + PAGE_POST_NUMBER - 1; // 수정된 부분
  const { data, count, error } = await supabase
    .from('community')
    .select('*', { count: 'exact' }) //count는 총 갯수를 알려줌
    .order('post_id', { ascending: false })//최신순으로 가져오기
    .range(startIndex, endIndex); // 어디부터 어디 가져올건지
  if (error) {
    throw error;
  }
  return { data, count };
};