This section covers the most critical topics for a Senior Next.js Developer role, focusing on the paradigm shift from Pages Router to App Router.
1. App Router & Architecture
RSC vs Client Components, Routing, Layouts, and Rendering patterns.
2. Advanced Routing
Parallel Routes, Intercepting Routes, and Route Groups.
3. Data & Mutations
Server Actions, Caching, Revalidation, and Database access.
4. Server Actions Deep Dive
Form handling, Pending states, and Optimistic updates.
5. Caching Strategy
Request Memoization, Data Cache, and Full Route Cache.
6. Rendering & Streaming
Suspense, Streaming, and Partial Prerendering (PPR).
7. Auth & Security
Auth.js, Middleware protection, and Environment variables.
8. State Management
URL State, Server-to-Client props, and Context.
9. SEO & Metadata
Dynamic Metadata, Sitemaps, and Open Graph images.
10. Internationalization
Routing patterns and Middleware for multi-language apps.
11. Testing
Unit testing RSCs, E2E with Playwright, and mocking.
12. Performance
Bundle analysis, Lazy loading, and Script optimization.
13. Config & Ecosystem
Turbopack, next.config.js, and React 19 features.
14. Deployment
Vercel, Edge Runtime, and Image Optimization.
15. Take-Home Task
Practice building a full-stack dashboard.