Data Fetching
- What is
getStaticProps? - What is
getServerSideProps? - Difference between them?
- What is
getStaticPaths? - What is fallback in
getStaticPaths? - When should you use SSG vs SSR?
- How does ISR work?
- How does caching work in Next.js?
Rendering Strategy
- How do you decide between CSR, SSR, SSG, ISR?
- How does hydration work?
- What is streaming in Next.js?
Routing & Navigation
- How does client-side navigation work?
- What is prefetching?
- How does Next.js optimize routing?
App Router Concepts
- What is App Router?
- Difference between App Router and Pages Router?
- What are layouts?
- What are templates?
- Difference between layout and template?
- What is
loading.js? - What is
error.js? - What is
not-found.js?
React Integration
- What is
useEffectand its role? - What are Server Components?
- What are Client Components?
- What is
use clientdirective?
Performance Optimization
- What is code splitting?
- What is lazy loading?
- How to optimize images?
- How to optimize fonts?
- How to reduce bundle size?
API & Backend
- How do API routes work internally?
- What is serverless deployment?
- What are route handlers?
Security
- How to handle CORS?
- How to manage cookies?
- How to secure API routes?
Middleware
- How does middleware work?
- Use cases of middleware?
Configurations
- What is
next.config.js headers? - What is
rewrites? - What is
redirects?
Authentication
- How do you implement authentication?
- JWT vs session-based auth?
- What is NextAuth?
Styling
- Styling options in Next.js?
- CSS-in-JS vs CSS Modules?
Debugging & Testing
- How to debug Next.js apps?
- Testing strategies?
Internationalization
- How to implement i18n?
- What is next-i18next?
Dev Experience
- Why use Create Next App?
- What is Fast Refresh vs HMR?
Deployment
- What is serverless architecture?
- Advantages of serverless?
Misc
- What is
next/dynamic? - What is
ssr: false? - How to use custom server?
- What is singleton router?
- How does Next.js handle environment configs?