| 1 | What are the three main rendering strategies available in Next.js, and what does each one mean? Next.js › Rendering (SSR/SSG/ISR) | Next.js | Rendering (SSR/SSG/ISR) | Beginner |
| 2 | When would server side rendering be the better choice over static site generation or incremental static regeneration? Next.js › Rendering (SSR/SSG/ISR) | Next.js | Rendering (SSR/SSG/ISR) | Intermediate |
| 3 | How would you design a rendering strategy for a large application with a mix of static marketing pages, semi dynamic product pages, and fully personalized account pages? Next.js › Rendering (SSR/SSG/ISR) | Next.js | Rendering (SSR/SSG/ISR) | Advanced |
| 4 | What are the main benefits of static site generation, and when is it the best choice? Next.js › Rendering (SSR/SSG/ISR) | Next.js | Rendering (SSR/SSG/ISR) | Beginner |
| 5 | How does incremental static regeneration let you get the benefits of both static pages and fresh content? Next.js › Rendering (SSR/SSG/ISR) | Next.js | Rendering (SSR/SSG/ISR) | Intermediate |
| 6 | What is caching in Next.js and why is it important? Next.js › Caching | Next.js | Caching | Beginner |
| 7 | What is hydration in the context of Next.js and React? Next.js › Client Components & Hydration | Next.js | Client Components & Hydration | Beginner |
| 8 | What is Draft Mode in Next.js and when would you use it? Next.js › Draft Mode & Preview Mode | Next.js | Draft Mode & Preview Mode | Beginner |
| 9 | What is the difference between a layout and a template in the Next.js App Router? Next.js › Layouts & Templates | Next.js | Layouts & Templates | Beginner |
| 10 | How do you show a loading state automatically while a page's data is being fetched in the App Router? Next.js › Loading UI & Streaming with Suspense | Next.js | Loading UI & Streaming with Suspense | Beginner |
| 11 | What is on-demand revalidation in Next.js, and how is it different from time based revalidation? Next.js › On-Demand Revalidation Strategies | Next.js | On-Demand Revalidation Strategies | Beginner |
| 12 | What does getStaticProps do in the Next.js Pages Router? Next.js › Pages Router Data Fetching (getStaticProps, getServerSideProps & getStaticPaths) | Next.js | Pages Router Data Fetching (getStaticProps, getServerSideProps & getStaticPaths) | Beginner |
| 13 | What does getServerSideProps do, and how is it different from getStaticProps? Next.js › Pages Router Data Fetching (getStaticProps, getServerSideProps & getStaticPaths) | Next.js | Pages Router Data Fetching (getStaticProps, getServerSideProps & getStaticPaths) | Beginner |
| 14 | How do you manually split a large component using dynamic imports in Next.js? Next.js › Bundle Analysis & Code Splitting | Next.js | Bundle Analysis & Code Splitting | Intermediate |
| 15 | How do you control how long a fetched piece of data stays cached before it is considered stale? Next.js › Caching | Next.js | Caching | Intermediate |
| 16 | What causes a hydration mismatch error, and how can you fix one? Next.js › Client Components & Hydration | Next.js | Client Components & Hydration | Intermediate |
| 17 | What is an optional catch-all route segment, and how is it different from a regular catch-all segment? Next.js › Dynamic Routes & Catch-All Segments | Next.js | Dynamic Routes & Catch-All Segments | Intermediate |
| 18 | How does getStaticPaths work together with getStaticProps for dynamic routes in the Pages Router? Next.js › Pages Router Data Fetching (getStaticProps, getServerSideProps & getStaticPaths) | Next.js | Pages Router Data Fetching (getStaticProps, getServerSideProps & getStaticPaths) | Intermediate |
| 19 | What are the different fallback options available in getStaticPaths, and how do they behave differently? Next.js › Pages Router Data Fetching (getStaticProps, getServerSideProps & getStaticPaths) | Next.js | Pages Router Data Fetching (getStaticProps, getServerSideProps & getStaticPaths) | Intermediate |
| 20 | What specific techniques help improve the Largest Contentful Paint metric on a typical Next.js page? Next.js › Web Vitals & Performance Monitoring | Next.js | Web Vitals & Performance Monitoring | Intermediate |
| 21 | What caching pitfalls should you watch out for when building a Next.js application with dynamic, user specific data? Next.js › Caching | Next.js | Caching | Advanced |
| 22 | How does enabling Draft Mode affect caching behavior for a page that is normally statically generated? Next.js › Draft Mode & Preview Mode | Next.js | Draft Mode & Preview Mode | Advanced |
| 23 | How do you pre-generate static pages for dynamic routes at build time using generateStaticParams? Next.js › Dynamic Routes & Catch-All Segments | Next.js | Dynamic Routes & Catch-All Segments | Advanced |
| 24 | How would you handle a very large number of dynamic pages, such as millions of products, without making the build take too long? Next.js › Dynamic Routes & Catch-All Segments | Next.js | Dynamic Routes & Catch-All Segments | Advanced |
| 25 | What strategies help further improve loading performance for image heavy pages beyond the default Image component behavior? Next.js › Image & Font Optimization | Next.js | Image & Font Optimization | Advanced |
| 26 | How does streaming interact with search engines and SEO, since content is sent in pieces rather than all at once? Next.js › Loading UI & Streaming with Suspense | Next.js | Loading UI & Streaming with Suspense | Advanced |
| 27 | How would you design loading states for a complex page with several independently loading sections to avoid a jarring, jumpy user experience? Next.js › Loading UI & Streaming with Suspense | Next.js | Loading UI & Streaming with Suspense | Advanced |
| 28 | If you are migrating a page from getStaticProps to the App Router, how do the equivalent data fetching patterns compare? Next.js › Pages Router Data Fetching (getStaticProps, getServerSideProps & getStaticPaths) | Next.js | Pages Router Data Fetching (getStaticProps, getServerSideProps & getStaticPaths) | Advanced |