Klientrendering (CSR)
Webbläsaren får en näst intill tom sida och bygger innehållet med JavaScript efter laddning. Vanligt i traditionella React-appar utan ramverk.
Vid klientrendering skickar servern en näst intill tom HTML-sida och låter webbläsaren bygga upp innehållet med JavaScript. Användaren ser en laddningsindikator tills JavaScript är hämtat och kört.
Klientrendering passar interaktiva delar av en app där innehållet inte behöver indexeras av sökmotorer, till exempel en inloggad dashboard med personliga data. I Next.js väljer du klientrendering per komponent med 'use client' direktivet.
Fördelen är att sidan efter initial laddning kan uppdatera sig utan att ladda om, vilket ger en applikationsliknande känsla. Nackdelen är sämre SEO och längre tid till synligt innehåll (First Contentful Paint) jämfört med server-rendering.