How to Share Data Between Server Components in Next.js

4 Less than a minute

How to Share Data Between Server Components in Next.js 13 💡#nextjs #nextjs13 #nextjstutorial

#Share #Data #Server #Components #Next.js

“Coding in Flow”

How to share data between server components, like pages and layouts, in the Next.js 13 app router, and how to use React cache to deduplicate Axios, ORM (Prisma), and GraphQL requests.

⭐ Get my full-stack Next.js with Express & TypeScript course:
✅ Get my free React Best Practices course:
💌 Join my newsletter for regular web dev tips:
💬 Join our developer community on Discord:

📣 Follow Coding in Flow on social media:
Twitter:
Instagram:
TikTok:
Facebook:

source

To see the full content, share this page by clicking one of the buttons below

4 Less than a minute

4 Comments

@codinginflow says:
April 22, 2024 at 11:08 am

Get my FREE React Best Practices course: https://codinginflow.com/reactbestpractices
@aslamh says:
April 22, 2024 at 11:08 am

How do you share the data to the client component?
@nikhilpsathyanathan says:
April 22, 2024 at 11:08 am

How about handling that with tRPC ?

I use header stale time etc … is it the correct method?
@ban-prem-001 says:
April 22, 2024 at 11:08 am

so the point is we have to create api route to contain the data and fetching through it to get the data?