Roadmap › 4. Frontend › Step 50
Nx
Next.js — App Router, Folder Structure, Rendering and Full Stack with SQL Server
What Next.js adds to React, the App Router folder structure with sample files for every special file (layout, page, loading, error, not-found, route handlers, middleware/proxy), Server vs Client Components, rendering strategies (static, dynamic, streaming, ISR, partial prerendering), data fetching and caching, Server Actions and forms, metadata and SEO, connecting to SQL Server from server code (mssql, Prisma), authentication, deployment to Vercel/Azure/IIS, the Pages Router for legacy apps, and Next.js interview questions.
Interview priority:★ Must know High priority — asked in almost every interview, learn firstMedium asked regularlyLow good to know
Module 1: Getting Started
- 1.Next.js App Router folder structure — with sample filesBasic ★ Must know
- 2.Server Components vs Client ComponentsBasic ★ Must know
Module 2: Rendering, Data and Caching
- 3.Rendering strategies — static, dynamic, streaming, ISR and PPRIntermediate ★ Must know
- 4.Data fetching, caching and Server ActionsIntermediate ★ Must know
- 5.Connecting Next.js to SQL ServerIntermediate ★ Must know
Module 3: Production
- 6.Metadata, SEO, images, fonts and performanceIntermediate Medium
- 7.Authentication and deployment (Vercel, Azure, IIS, Docker)Intermediate Medium
- 8.Pages Router (legacy) vs App RouterIntermediate Medium
Next course in the roadmap: 51. Vue.js 3 (with Pinia, Vue Router & Nuxt basics) →