Componentes del Servidor en el Framework NextJS

Consideremos el componente creado por nosotros en la lección anterior:

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

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

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