Basics & Fundamentals

  1. What is Next.js?
  2. How is Next.js different from React?
  3. What problems does Next.js solve?
  4. What are the key features of Next.js?
  5. What is file-based routing in Next.js?
  6. What is the purpose of the pages directory?
  7. What is the app directory in Next.js?
  8. What is pre-rendering?
  9. What is Server-Side Rendering (SSR)?
  10. What is Static Site Generation (SSG)?

Routing & Navigation

  1. How does routing work in Next.js?
  2. What is dynamic routing?
  3. What is a catch-all route?
  4. What is the Link component?
  5. What is useRouter?
  6. Difference between push and replace?
  7. How do you navigate programmatically?

Rendering Concepts

  1. Difference between SSR and CSR?
  2. What is Client-Side Rendering (CSR)?
  3. What is Incremental Static Regeneration (ISR)?
  4. What is static optimization?

Project Setup

  1. How do you create a Next.js app?
  2. What is Create Next App?
  3. What is the default port?
  4. How to change the default port?

Styling

  1. How do you add CSS in Next.js?
  2. What is CSS Modules?
  3. What is Styled JSX?
  4. How to use Tailwind CSS?

Assets & SEO

  1. What is the public folder?
  2. How do you serve static files?
  3. What is the Head component?
  4. Why is SEO important in Next.js?
  5. How do you add meta tags?

Components & Features

  1. What is the Image component?
  2. What is image optimization?
  3. What is Fast Refresh?
  4. What is HMR?

Data Handling

  1. What are API routes?
  2. How do you create an API route?
  3. What is client-side data fetching?

Config & Environment

  1. What is next.config.js?
  2. What are environment variables?

Deployment

  1. How do you deploy a Next.js app?
  2. What is Vercel?

Misc

  1. What is middleware?
  2. What is next/script?
  3. What is AMP in Next.js?
  4. What is TypeScript support?
  5. What is next/image?
  6. What is next/link?
  7. What is global CSS?
  8. What is component-level CSS?
  9. What is static export?
  10. What is SEO optimization?
  11. What is a custom 404 page?
  12. What is _error.js?
  13. What is _app.js?
  14. What is _document.js?
  15. Difference between _app.js and _document.js?