# Supabase — Using React Query with Next.js App Router and Supabase Cache Helpers

- Company: Supabase (supabase.com)
- Announced: 2024-01-12
- Category: not stated
- Coverage: not counted
- Announcement: no
- Group: routine
- Source: https://supabase.com/blog/react-query-nextjs-app-router-cache-helpers
- Record: https://forck.live/items/21455-using-react-query-with-next-js-app-router-and-supabase-cache-helpers
- Subject: Supabase

Supabase published a guide on using React Query (TanStack Query) with the Next.js App Router and Supabase Cache Helpers. The post covers setting up a React Query client, generating TypeScript types from a database schema, creating Supabase clients for both client and server components, and automating query key management with the Supabase Cache Helpers library. It also explains how to fetch data server-side and client-side using the same query definitions.

## Evidence

Verbatim from https://supabase.com/blog/react-query-nextjs-app-router-cache-helpers:

> React Query and the Supabase Cache Helpers are fantastic tools to help you manage data fetching and caching in your Next.js applications.

---

Record: https://forck.live/items/21455-using-react-query-with-next-js-app-router-and-supabase-cache-helpers
Catalogue: https://forck.live/llms.txt
Current issue: https://forck.live/feed.md