| 1 | What strategies can reduce bundle size beyond basic code splitting? Next.js › Bundle Analysis & Code Splitting | Next.js | Bundle Analysis & Code Splitting | Advanced |
| 2 | What is code splitting in Next.js and why does it matter for performance? Next.js › Bundle Analysis & Code Splitting | Next.js | Bundle Analysis & Code Splitting | Beginner |
| 3 | How does route based code splitting interact with shared layouts in the App Router? Next.js › Bundle Analysis & Code Splitting | Next.js | Bundle Analysis & Code Splitting | Advanced |
| 4 | How do you analyze your Next.js application's bundle size to find what is making it large? Next.js › Bundle Analysis & Code Splitting | Next.js | Bundle Analysis & Code Splitting | Intermediate |
| 5 | 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 |
| 6 | What does the built-in Image component in Next.js do differently from a regular HTML img tag? Next.js › Image & Font Optimization | Next.js | Image & Font Optimization | Beginner |
| 7 | What is a layout in the Next.js App Router, and how does it work? Next.js › Layouts & Templates | Next.js | Layouts & Templates | Beginner |
| 8 | What is a server component in the Next.js App Router, and why is it the default? Next.js › Server Components | Next.js | Server Components | Beginner |
| 9 | What are CSS Modules, and how do you use them in a Next.js project? Next.js › Styling in Next.js (CSS Modules, Tailwind & Styled Components) | Next.js | Styling in Next.js (CSS Modules, Tailwind & Styled Components) | Beginner |
| 10 | How do you set up and use Tailwind CSS in a Next.js project? Next.js › Styling in Next.js (CSS Modules, Tailwind & Styled Components) | Next.js | Styling in Next.js (CSS Modules, Tailwind & Styled Components) | Beginner |
| 11 | What is the next/script component, and why should you use it instead of a plain HTML script tag? Next.js › Third-Party Script Optimization | Next.js | Third-Party Script Optimization | Beginner |
| 12 | What is Turbopack, and how does it improve the Next.js development experience? Next.js › Turbopack & Build Performance | Next.js | Turbopack & Build Performance | Beginner |
| 13 | How do you use the Link component to enable fast client side navigation between pages? Next.js › Routing (App/Pages Router) | Next.js | Routing (App/Pages Router) | Intermediate |
| 14 | What are the main performance benefits of using server components compared to rendering everything on the client? Next.js › Server Components | Next.js | Server Components | Intermediate |
| 15 | How do you decide whether a specific piece of a page should be a server component or a client component? Next.js › Server Components | Next.js | Server Components | Intermediate |
| 16 | How does Turbopack achieve faster build and refresh times compared to older bundling tools? Next.js › Turbopack & Build Performance | Next.js | Turbopack & Build Performance | Intermediate |
| 17 | What should you do if a specific loader or plugin your project relies on is not yet fully supported by Turbopack? Next.js › Turbopack & Build Performance | Next.js | Turbopack & Build Performance | Intermediate |
| 18 | How can you minimize the amount of JavaScript sent to the browser when using client components? Next.js › Client Components & Hydration | Next.js | Client Components & Hydration | Advanced |
| 19 | What are common performance issues when integrating a database with Next.js, and how do you fix them? Next.js › Database Integration with Next.js | Next.js | Database Integration with Next.js | Advanced |
| 20 | What is the standalone output mode in Next.js, and why is it useful for deployment? Next.js › Deployment | Next.js | Deployment | Advanced |
| 21 | What factors should guide the choice between CSS Modules, Tailwind CSS, and a CSS in JS library for a new large scale Next.js project? Next.js › Styling in Next.js (CSS Modules, Tailwind & Styled Components) | Next.js | Styling in Next.js (CSS Modules, Tailwind & Styled Components) | Advanced |
| 22 | How would you measure and reduce the performance impact of multiple third party scripts on a page, such as analytics, ads, and chat widgets? Next.js › Third-Party Script Optimization | Next.js | Third-Party Script Optimization | Advanced |
| 23 | How would you measure and compare build performance before and after adopting Turbopack for a large existing Next.js project? Next.js › Turbopack & Build Performance | Next.js | Turbopack & Build Performance | Advanced |
| 24 | How would you set up ongoing performance monitoring to catch regressions before they significantly affect real users? Next.js › Web Vitals & Performance Monitoring | Next.js | Web Vitals & Performance Monitoring | Advanced |