Server Components in het NextJS Framework
Laten we de component bekijken die we hebben gemaakt in de vorige les:
export default function Test() {
return <h1>hello, user!</h1>;
}
Zoals eerder vermeld, zijn standaard in NextJS alle componenten server components. Tegelijkertijd hebben we toegang tot alle mogelijkheden van de JSX-taal, met uitzondering van het werken met states en andere vergelijkbare hooks.
Laten we bijvoorbeeld een variabele maken en deze weergeven in de opmaak:
export default function Test() {
let name = 'user';
return <h1>hello, {name}!</h1>;
}
Er is een array van producten:
let prods = [
'prod1',
'prod2',
'prod3',
];
Gebruik een loop om deze producten weer te geven
als een ul lijst binnen je
server component.
