Questions
21 of 27
1How do you implement infinite scrolling or pagination purely on the client side in Next.js?
2How do you handle deeply nested Client Components without causing unnecessary re-renders?
3What is the difference between useEffect data fetching and React Query / SWR in a CSR context?
4Explain the full lifecycle of a CSR page in Next.js — from initial HTML delivery to interactive UI.
5How do you prefetch data for CSR pages in Next.js to reduce perceived latency?
6Compare SWR vs React Query vs useEffect for client-side data fetching — when do you use each?
7How do you handle race conditions in CSR data fetching with useEffect?
8How does React's concurrent rendering model affect CSR behaviour in Next.js 13+?
9Explain the concept of "client component boundaries" — how do they affect the component tree?
10How would you implement optimistic UI updates in a CSR-heavy Next.js application?
11How does next/dynamic work? How is it different from React's lazy() and Suspense?
12How would you handle real-time data (WebSockets / SSE) in a Next.js CSR component?
13What is the "flash of unstyled/unloaded content" problem in CSR, and how do you prevent it?
14What is the difference between client-side fetch and server actions in Next.js App Router?
15When would you choose CSR over SSR or SSG in a production Next.js app? Give real-world examples.
16Discuss best approaches with client components.
17How to implement client rendering in next js?
18How to render a server component in the client component?
19How to decide what part should be rendered on the server and what on the client?
20Describe how client components are rendered.
21What are client components?
22How do useMemo and useCallback help performance in CSR components? When are they overkill?
23Does using 'use client' ensure that the component only renders on the client?
24How do you implement skeleton screens or loading states for CSR data fetching?
25How do you cancel in-flight API requests when a component unmounts in CSR?
26Combining client and server components
27What are the challenges of using Context API at scale in a CSR and SSR? How do you solve them?
