Next.js

Wat zijn Server Components in Next.js 13+?

Server Components renderen op de server, reduceren JavaScript.

Home/Categorieën/Next.js/Wat zijn Server Components in Next.js 13+?

Server vs Client

Server components (default) - renderen op server Client components ('use client') - interactive in browser

Code Voorbeelden

JAVASCRIPTServer vs Client component
// Server component (default)
export default function ServerComp() {
  const secret = process.env.SECRET;
  return <div>{secret}</div>;
}

// Client component
'use client';
import { useState } from 'react';

export default function ClientComp() {
  const [count, setCount] = useState(0);
  return <button onClick={() => setCount(count + 1)}>{count}</button>;
}

Relevante trefwoorden

server componentclient componentRSC
← Terug naar Next.jsAlle categorieën →