| 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 |