| 1 | How do you optimize custom fonts in a Next.js application using next/font? Next.js › Image & Font Optimization | Next.js | Image & Font Optimization | Beginner |
| 2 | How does the Image component handle responsive images that need to look good on different screen sizes? Next.js › Image & Font Optimization | Next.js | Image & Font Optimization | Intermediate |
| 3 | 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 |
| 4 | How do you configure Next.js to allow optimizing images that are hosted on an external domain? Next.js › Image & Font Optimization | Next.js | Image & Font Optimization | Intermediate |
| 5 | 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 |
| 6 | How would you reduce Cumulative Layout Shift on a page that loads ads, images, and web fonts asynchronously? Next.js › Web Vitals & Performance Monitoring | Next.js | Web Vitals & Performance Monitoring | Advanced |
| 7 | How do you add Open Graph and Twitter card metadata so your pages look good when shared on social media? Next.js › Metadata API & SEO Optimization | Next.js | Metadata API & SEO Optimization | Intermediate |
| 8 | What is the purpose of the next.config.js file in a Next.js project? Next.js › Next.js Project Setup & Configuration | Next.js | Next.js Project Setup & Configuration | Beginner |
| 9 | What are Core Web Vitals, and why do they matter for a Next.js application? Next.js › Web Vitals & Performance Monitoring | Next.js | Web Vitals & Performance Monitoring | Beginner |
| 10 | 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 |