Rendering Strategies

Secara default, React Router bakal nge-render halaman secara server-side pake mekanisme SSR (Server-Side Rendering). Ini sama kayak Next.js versi pages router. Di samping itu, React Router juga support dua strategi rendering lainnya, yaitu:

• Client-Side Rendering: Halaman di-render di client/browser, jadi nggak ada SSR.
• Static Pre-rendering: Halaman di-render di server saat build time, jadi hasilnya adalah HTML statis.

Buat ngubah strategi rendering, lo bisa atur konfigurasinya di file react-router.config.ts. Ini contohnya kalo lo mau pake Client-Side Rendering:

import type { Config } from "@react-router/dev/config";

export default {
  ssr: false,
} satisfies Config;

Dengan nge-disable SSR, artinya alih-alih pake loader dan action, lo bakal pake clientLoader dan clientAction buat nge-fetch dan mutasi data di client/browser. Ini basically lo bikin Single Page Application (SPA) pake React Router.