diff --git a/apps/www/_blog/2024-01-12-react-query-nextjs-app-router-cache-helpers.mdx b/apps/www/_blog/2024-01-12-react-query-nextjs-app-router-cache-helpers.mdx new file mode 100644 index 00000000000..3d897524218 --- /dev/null +++ b/apps/www/_blog/2024-01-12-react-query-nextjs-app-router-cache-helpers.mdx @@ -0,0 +1,341 @@ +--- +title: 'Using React Query with Next.js App Router and Supabase Cache Helpers' +description: Learn how to use React Query in Next.js Client & Server Components for data fetching with Supabase. +categories: + - engineering +tags: + - react + - nextjs +date: '2024-01-12' +toc_depth: 3 +author: giancarlo,philipp,thor_schaeff +image: 2024-01-12-react-query/react-query-nextjs-supabase.png +thumb: 2024-01-12-react-query/react-query-nextjs-supabase.png +--- + +[TanStack Query](https://tanstack.com/query/latest), also known as React Query, is an open source state management library for React which handles caching, background updates and stale data out of the box with zero-configuration, which makes it an ideal tool to pair with [supabase-js](/docs/reference/javascript/introduction) and our auto-generated [REST API](/docs/guides/api)! + +If you prefer video guides, we've got a three-part video series for you! + +
+