Client-Side Rendering (CSR)

Popis

Pri CSR sa renderovanie vykonáva priamo v prehliadači používateľa. Next.js používa direktívu "use client" na označenie komponentov, ktoré vyžadujú interaktivitu, hooky (ako useState) alebo prístup k API prehliadača.

Funkčná ukážka (Demo)

Tento stav žije iba v pamäti prehliadača.

Ukážka kódu

"use client";

import { useState } from "react";

export default function Counter() {
  const [count, setCount] = useState(0);
  
  return (
    <div>
      <p>Počet: {count}</p>
      <button onClick={() => setCount(count + 1)}>
        Pridať
      </button>
    </div>
  );
}