Сторінки рендеряться на клієнті після завантаження JavaScript. Ідеально для SPAs, Ігор та Дашбордів, де інтерактивність є ключовою.
CSR використовує клієнтські компоненти з React hooks для інтерактивності.
"use client";
import { useState, useEffect } from "react";
export default function ClientComponent() {
const [data, setData] = useState(null);
useEffect(() => {
fetch("/api/data")
.then((res) => res.json())
.then((data) => setData(data));
}, []);
return <div>{data?.message}</div>;
}