Componenti Server nel Framework NextJS
Consideriamo il componente creato da noi nella lezione precedente:
export default function Test() {
return <h1>hello, user!</h1>;
}
Come già menzionato in precedenza, per impostazione predefinita in NextJS tutti i componenti sono server-side. In questo caso abbiamo a disposizione tutte le funzionalità del linguaggio JSX, ad eccezione del lavoro con gli stati e di altri hook analoghi.
Ad esempio, creiamo una variabile e visualizziamola nel markup:
export default function Test() {
let name = 'user';
return <h1>hello, {name}!</h1>;
}
Dato un array di prodotti:
let prods = [
'prod1',
'prod2',
'prod3',
];
Con l'aiuto di un ciclo, visualizza questi prodotti
come una lista ul all'interno del tuo
componente server.