Auth-based route guards in Next.js and debugging in production

Frontend First

English - March 08, 2022 16:39 - 1 hour - 61.6 MB - ★★★★★ - 18 ratings
Technology technology web javascript ember ember.js software development design Homepage Download Apple Podcasts Google Podcasts Overcast Castro Pocket Casts RSS feed

Previous Episode: What’s the link between Server Components and Suspense for Data Fetching?

Next Episode: Client apps, server apps, and the real reason DX matters

Sam and Ryan chat about adding authentication-based route guards to Next.js, tradeoffs between one-shot data loading vs. reactive pages in React apps, and instrumenting errors with Sentry.

Topics include:

0:00 - Intro8:07 - Auth-based route guards and synchronized spinners in Next.js26:34 - Tradeoffs of loading once on render vs. fully reactive pages42:30 - Ryan’s video on Deploy notifications47:45 - Errors + stale auth + Sentry

Links:

Fixing Twitter's loading screen using Synchronized Animations in React SWR Sentry