SSR (Server-Side Rendering)

Definition

Rendu du HTML cote serveur a chaque requete. Le navigateur recoit du HTML complet, ameliorant le SEO et le First Contentful Paint.

Analogie

Comme recevoir un plat deja cuisine au lieu des ingredients.

Exemple de code

class="cmt">// Next.js App Router
export default async function Page() {
  const data = await fetch(class="str">'https:class="cmt">//api.example.com/data');
  return <div>{data.title}</div>;
}