Rendered at 16:23:13:939 with Nextjs.

Test

Public Data

  • Server Component (RSC)
  • Data: Function-Call mit await (Local Api oder Fetch)
  • ✔️ nur SSR
  • ✔️ SEO
  • Beispiele: Konfigurationsdaten, Produkte, ...

Private Data

  • Client Component (RCC)
  • Data: React-Query + <ClientOnly>
  • ❌ kein SSR
  • ❌ kein SEO (für Private Data nicht möglich)
  • Beispiele: User, Warenkorb, ...

Public Data & Client-State (mixed)

  • Client Component (RCC)
  • Data: React-Query + RSC-Wrapper für Prefetch
  • (✔️) SSR nur für Initial State
  • (✔️) SEO nur für Initial State
  • Beispiele: Suchergebnis für Produkte, ...