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

Frontend First

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 - Intro
• 8:07 - Auth-based route guards and synchronized spinners in Next.js
• 26:34 - Tradeoffs of loading once on render vs. fully reactive pages
• 42:30 - Ryan’s video on Deploy notifications
• 47:45 - Errors + stale auth + Sentry

Links:

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