Unit 2: Rendering Strategies and Data Fetching - Practice Quiz

1 What does Server-Side Rendering (SSR) mean?

2 What is the main characteristic of Static Site Generation (SSG)?

3 What does Incremental Static Regeneration (ISR) allow a website to do?

4 Where is most of the page content generated in Client-side Rendering?

5 Which rendering strategy is generally suitable for content that changes rarely?

6 Which factor is important when selecting a rendering strategy?

7 Where do Server Components primarily render?

8 Which feature commonly requires a Client Component?

9 What is one benefit of using Server Components?

10 Client Components are mainly used for which purpose?

11 What is the Fetch API commonly used for?

12 What does a successful HTTP response usually provide when using the Fetch API?

13 Which method is commonly used to read JSON from a Fetch API response?

14 When does client-side fetching usually occur?

15 Which is a common advantage of client-side fetching?

16 Where does server-side data fetching take place?

17 What is one benefit of fetching sensitive data on the server?

18 What is caching?

19 What does revalidation usually mean?

20 What is a possible result of using a long cache duration?

21 An e-commerce product page must display current inventory in its initial HTML and remain discoverable by search engines. Which rendering strategy best fits these requirements?

22 A server-rendered dashboard reads a user identifier from an authenticated request before loading account data. What is the main consequence for caching the complete HTML response?

23 A documentation website changes only when a new software version is released. Which approach generally provides the lowest request-time server workload?

24 A statically generated catalog contains 100,000 product pages, and every build is becoming too slow. Which change most directly reduces build-time generation work?

25 A news article page uses ISR with a revalidation interval of 300 seconds. An editor publishes a correction 100 seconds after the latest generation. What should readers generally expect?

26 A product page uses time-based ISR, but an urgent price update must appear as soon as the pricing system changes. Which addition best addresses this requirement?

27 A browser-rendered analytics page shows an empty container until a large JavaScript bundle executes and its API request completes. Which user-facing metric is most directly at risk?

28 A team is building an authenticated drawing tool with frequent pointer events, local state changes, and little need for search indexing. Why is client-side rendering suitable for its main workspace?

29 A site has public marketing pages, frequently updated product prices, and a private interactive account area. Which combination is the most appropriate starting point?

30 A public transit page must show live arrival times, but its route descriptions change only monthly. Which design best balances freshness and performance?

31 A component reads records directly from a database and renders a non-interactive table. What is a key benefit of implementing it as a Server Component?

32 A Server Component needs to include an interactive favorite button. Which component structure is most appropriate?

33 A search filter uses useState, responds to input events, and reads localStorage. Why must it run as a Client Component?

34 A page currently marks its top-level layout as a Client Component only because one nested menu needs toggle state. What change is most likely to reduce client-side JavaScript?

35 The code fetch('/api/orders').then(response => response.json()) attempts to parse an HTTP 404 response as normal data. Which check should be added before parsing?

36 A user changes a search term quickly, and an older request sometimes finishes after a newer request and overwrites the results. Which Fetch API feature best prevents this?

37 A client-rendered component starts a data request inside an effect whenever productId changes. What should it do when the component unmounts or productId changes again?

38 A page must call an internal service using a private API key and include the result in the initial HTML. Where should the request be made?

39 A shared cache stores responses for /api/profile, but the endpoint returns data based on the current user's session cookie. Which cache policy is safest?

40 An API response includes Cache-Control: max-age=60, stale-while-revalidate=300. What behavior does this permit after the first 60 seconds?

41 A news page is rendered on every request. Its HTML contains current headlines, but the browser later reports a hydration mismatch because the server and client rendered different timestamps. Which change most directly preserves SSR while preventing the mismatch?

42 An SSR product page performs three independent upstream requests taking ms, ms, and ms. Ignoring framework overhead, what is the best achievable data-fetching latency if all requests begin concurrently?

43 A documentation site has 500,000 versioned pages, but only 2% receive regular traffic. A full build has become prohibitively slow. Which design best preserves static delivery without generating every page during each deployment?

44 A statically generated pricing page reads prices from a database only during the production build. The database changes two hours later, and no regeneration mechanism is configured. What will users receive from the existing deployment?

45 An ISR page has a revalidation interval of 60 seconds. A cached version is 75 seconds old when a request arrives, and the platform uses stale-while-revalidate behavior. What response pattern should be expected?

46 A regenerated ISR page depends on a database that is temporarily unavailable. The previous generated page is valid but stale. Which failure policy usually provides the strongest availability without publishing an incomplete page?

47 A client-rendered dashboard fetches /api/account after mounting. When a user signs out and another signs in within the same browser tab, the old request completes last and overwrites the new account state. Which solution addresses the underlying race?

48 A CSR application receives a minimal HTML shell and loads a large JavaScript bundle before requesting page data. On slow mobile devices, which change most directly improves first meaningful content without abandoning CSR for later interactions?

49 A commerce application has public product descriptions updated hourly, user-specific inventory by region, and a cart that changes immediately in the browser. Which rendering composition best matches those requirements?

50 A page must be indexed with complete content, uses request-time authorization, and displays confidential records that must never be stored in a shared cache. Which primary rendering strategy is most appropriate?

51 A Server Component imports a database client, reads records, and passes selected fields to a nested Client Component. Which boundary rule is essential?

52 A component only formats fetched records into a table and has no state, effects, browser APIs, or event handlers. It currently ships a large formatting dependency to the browser. What is the strongest reason to make it a Server Component?

53 An interactive search Client Component receives an initial result list from a Server Component, then filters that list as the user types. Which implementation respects the component boundary while avoiding an unnecessary initial duplicate request?

54 A developer marks the application root as a Client Component merely because one deeply nested button uses onClick. What is the most significant architectural consequence?

55 A request made with fetch() receives HTTP status 404 and a valid JSON error body. No network failure occurs. Which statement describes the promise behavior?

56 The same Response object's body is parsed with await response.json() and then read with await response.text(). What should the code expect under standard Fetch API body semantics?

57 A search field requests results for each query. Responses may arrive out of order, and cached results should be reused when the user returns to an earlier query. Which cache key design is necessary for correctness?

58 A server-rendered page fetches an internal API that merely forwards the request to a database available to the same server process. Under what condition is querying the database directly usually preferable?

59 A shared cache stores /profile responses, but the server chooses the profile from an authentication cookie. Which caching change is required to prevent one user's profile from being served to another?

60 A product mutation succeeds, and the application invalidates only the cache entry for /products/42. The product also appears in /products, /featured, and a category page. Which strategy most reliably prevents stale derived views?