| 1 | How do client components and server components work together in the same page? Next.js › Client Components & Hydration | Next.js | Client Components & Hydration | Intermediate |
| 2 | 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 |
| 3 | What is a client component in Next.js and when should you use one? Next.js › Client Components & Hydration | Next.js | Client Components & Hydration | Beginner |
| 4 | What is hydration in the context of Next.js and React? Next.js › Client Components & Hydration | Next.js | Client Components & Hydration | Beginner |
| 5 | What causes a hydration mismatch error, and how can you fix one? Next.js › Client Components & Hydration | Next.js | Client Components & Hydration | Intermediate |
| 6 | Why can't server components use hooks like useState or useEffect? Next.js › Server Components | Next.js | Server Components | Beginner |
| 7 | 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 |
| 8 | How do styled components or other CSS in JS libraries work in the Next.js App Router, given the presence of server components? Next.js › Styling in Next.js (CSS Modules, Tailwind & Styled Components) | Next.js | Styling in Next.js (CSS Modules, Tailwind & Styled Components) | Intermediate |
| 9 | What data types and values can be safely passed as props from a server component to a client component? Next.js › Server Components | Next.js | Server Components | Advanced |
| 10 | Why is it important to never expose sensitive information like API keys inside client components? Next.js › Security Best Practices in Next.js | Next.js | Security Best Practices in Next.js | Beginner |