Componentes de Servidor no Framework NextJS

Vamos considerar o componente que criamos na lição anterior:

src/app/test/page.jsxexport 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:

src/app/test/page.jsxexport default function Test() {
  let name = 'user';
  return <h1>hello, {name}!</h1>;
}

jsxlet prods = [
  'prod1',
  'prod2',
  'prod3',
];