Componentes del Servidor en el Framework NextJS
Consideremos el componente creado por nosotros en la lección anterior:
export default function Test() {
return <h1>hello, user!</h1>;
}
Como se mencionó anteriormente, por defecto en NextJS todos los componentes son del servidor. Al mismo tiempo, tenemos acceso a todas las capacidades del lenguaje JSX, con la excepción de trabajar con estados y otros hooks análogos.
Como ejemplo, hagamos una variable y mostrémosla en el maquetado:
export default function Test() {
let name = 'user';
return <h1>hello, {name}!</h1>;
}
Se da un array de productos:
let prods = [
'prod1',
'prod2',
'prod3',
];
Con la ayuda de un ciclo, muestra estos productos
en forma de una lista ul dentro de tu
componente del servidor.
