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