| 1 | How do you run code after a third party script has finished loading? Next.js › Third-Party Script Optimization | Next.js | Third-Party Script Optimization | Intermediate |
| 2 | What security considerations should you keep in mind when loading third party scripts on your Next.js website? Next.js › Third-Party Script Optimization | Next.js | Third-Party Script Optimization | Advanced |
| 3 | 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 |
| 4 | 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 |
| 5 | What do the different loading strategies like beforeInteractive, afterInteractive, and lazyOnload actually control? Next.js › Third-Party Script Optimization | Next.js | Third-Party Script Optimization | Intermediate |
| 6 | 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 |
| 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 | How would you add global error tracking or analytics scripts using the custom App and Document components together? Next.js › Custom App & Document in Pages Router | Next.js | Custom App & Document in Pages Router | Advanced |
| 9 | 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 |
| 10 | How do you set security related HTTP headers, such as Content Security Policy, in a Next.js application? Next.js › Security Best Practices in Next.js | Next.js | Security Best Practices in Next.js | Intermediate |
| 11 | How do you use the useReportWebVitals hook to collect performance data from real visitors on your Next.js site? Next.js › Web Vitals & Performance Monitoring | Next.js | Web Vitals & Performance Monitoring | Intermediate |
| 12 | What strategies can reduce bundle size beyond basic code splitting? Next.js › Bundle Analysis & Code Splitting | Next.js | Bundle Analysis & Code Splitting | Advanced |
| 13 | 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 |