HackerTube.dev

Client vs Server Components in Next.js app directory // Merging server state with realtime updates

Supabase Β· 20.7K views Β· 2023-02-24 Β· 11:14

Open on YouTube β†—

If playback is restricted in your region, try opening the original video. Use Mark watched to add it to your marked videos.

From the video description

🚨 Video update: Realtime can be enabled directly from the Table Editor 🚨 In the Next.js app directory, you can choose whether a page is a Server or Client Component. In this video, Jon Meyers demonstrates a great pattern for combining these two new concepts to fetch data server-side on page load, and dynamically update with realtime changes - keeping our database and app in sync at all times! πŸš€

Topics

Search by tags

Sources

Video by Supabase, played through YouTube.

  • Indie Picks
Data and selection notes

Indie Picks uses video metadata for classification. The description above is an uploader excerpt, not an independent review.

Indie Picks: Independently collected SaaS and AI product videos, organized by a founder handbook. Topics and relevance are metadata-indexed; full-video editorial review has not been completed. Descriptions are uploader excerpts where available.

Views, duration and playback status refresh separately from the published catalog. When an update fails, existing data remains visible.

Selection checks
  • SaaS & AI candidates: Matches the configured criteria
  • Editor-approved picks: Editorial review is required

Rule matches identify candidates. They do not guarantee video quality or financial results.

About the library and its sources