SSR, SSG, ISR, and client rendering — when each helps, and how to talk about them in interviews.

intermediate

Next.js App Router Overview explained for frontend engineers — mental model, examples, common mistakes, and interview tips.

beginner

File-based Routing explained for frontend engineers — mental model, examples, common mistakes, and interview tips.

beginner

Layouts and Nested Routes explained for frontend engineers — mental model, examples, common mistakes, and interview tips.

beginner

Server Components in Next.js explained for frontend engineers — mental model, examples, common mistakes, and interview tips.

intermediate

Client Components in Next.js explained for frontend engineers — mental model, examples, common mistakes, and interview tips.

intermediate

Data Fetching Patterns App Router explained for frontend engineers — mental model, examples, common mistakes, and interview tips.

intermediate

Caching in Next.js Overview explained for frontend engineers — mental model, examples, common mistakes, and interview tips.

advanced

Revalidate Path and Tag explained for frontend engineers — mental model, examples, common mistakes, and interview tips.

advanced

Route Handlers explained for frontend engineers — mental model, examples, common mistakes, and interview tips.

intermediate

Middleware in Next.js explained for frontend engineers — mental model, examples, common mistakes, and interview tips.

intermediate

Streaming and Suspense Boundaries explained for frontend engineers — mental model, examples, common mistakes, and interview tips.

advanced

Loading and Error UI Files explained for frontend engineers — mental model, examples, common mistakes, and interview tips.

beginner

Metadata API for SEO explained for frontend engineers — mental model, examples, common mistakes, and interview tips.

intermediate

Image Component Optimization explained for frontend engineers — mental model, examples, common mistakes, and interview tips.

intermediate

Font Optimization next/font explained for frontend engineers — mental model, examples, common mistakes, and interview tips.

intermediate

Static vs Dynamic Rendering explained for frontend engineers — mental model, examples, common mistakes, and interview tips.

intermediate

ISR Mental Model explained for frontend engineers — mental model, examples, common mistakes, and interview tips.

intermediate

Environment Variables in Next explained for frontend engineers — mental model, examples, common mistakes, and interview tips.

beginner

Auth Patterns Overview explained for frontend engineers — mental model, examples, common mistakes, and interview tips.

advanced

Deploying Next on Vercel explained for frontend engineers — mental model, examples, common mistakes, and interview tips.

beginner

next/link Prefetch Behavior explained for frontend engineers — mental model, examples, common mistakes, and interview tips.

intermediate

Parallel Routes Overview explained for frontend engineers — mental model, examples, common mistakes, and interview tips.

advanced

Intercepting Routes Overview explained for frontend engineers — mental model, examples, common mistakes, and interview tips.

advanced

Server Actions Overview explained for frontend engineers — mental model, examples, common mistakes, and interview tips.

advanced

Edge Runtime Tradeoffs explained for frontend engineers — mental model, examples, common mistakes, and interview tips.

advanced