# Fetching and caching Supabase data in Next.js 13 Server Components

DevFeed: [Fetching and caching Supabase data in Next.js 13 Server Components](<https://devfeed.tech/articles/fetching-and-caching-supabase-data-in-next-js-13-server-components-370.md>)

Original publisher: [Read original article](<https://supabase.com/blog/fetching-and-caching-supabase-data-in-next-js-server-components>)

Author: Jon Meyers

Published: 2022-11-17T07:00:00Z

Content type: tutorial

Language: en

Sources: [Supabase Blog](<https://devfeed.tech/sources/supabase-blog.md>)

Topics: [Next.js](<https://devfeed.tech/topics/next-js.md>), [Supabase](<https://devfeed.tech/topics/supabase.md>), [Caching](<https://devfeed.tech/topics/caching.md>), [React](<https://devfeed.tech/topics/react.md>), [data](<https://devfeed.tech/topics/data.md>)

Tags: [article](<https://devfeed.tech/tags/article.md>), [caching](<https://devfeed.tech/tags/caching.md>), [data](<https://devfeed.tech/tags/data.md>), [development](<https://devfeed.tech/tags/development.md>), [next-js](<https://devfeed.tech/tags/next-js.md>), [react](<https://devfeed.tech/tags/react.md>), [tutorial](<https://devfeed.tech/tags/tutorial.md>)

## AI overview

A tutorial on fetching and caching Supabase data with Next.js 13 Server Components and Suspense. It introduces the app directory, explains the new data-fetching model, and walks through creating a Supabase project, sample data, environment variables, and a client.

## Source excerpt

Next.js 13 introduces new data fetching and caching methods to enable React Server Components and Suspense.