Componentes de Servidor no Framework NextJS
Vamos considerar o componente que criamos na lição anterior:
export default function Test() {
return <h1>hello, user!</h1>;
}
Como mencionado anteriormente, por padrão, no NextJS, todos os componentes são de servidor. Ao mesmo tempo, temos acesso a todos os recursos da linguagem JSX, com exceção do trabalho com estados e outros hooks análogos.
Por exemplo, vamos criar uma variável e exibi-la no markup:
export default function Test() {
let name = 'user';
return <h1>hello, {name}!</h1>;
}
Dado um array de produtos:
let prods = [
'prod1',
'prod2',
'prod3',
];
Usando um loop, exiba esses produtos
como uma lista ul dentro do seu
componente de servidor.
