하이드레이션1 Next.js에서 여러 쿼리를 동시에 프리페칭하기 Next.js 애플리케이션에서 대시보드와 같이 여러 데이터를 한 번에 표시해야 하는 페이지를 구현할 때, 다수의 API 호출이 필요한 경우가 있습니다. 이런 상황에서 TanStack Query의 다중 프리페칭 기능을 활용하면 효율적으로 데이터를 로드할 수 있습니다.코드 설명// app/dashboard/page.tsximport { dehydrate, QueryClient } from '@tanstack/react-query'import { HydrationBoundary } from '@tanstack/react-query'export default async function DashboardPage() { const queryClient = new QueryClient() // 여러 쿼리 동시 프.. 2025. 1. 10. 이전 1 다음
