Serverkomponenter i NextJS-ramverket

Låt oss titta på komponenten vi skapade i föregående lektion:

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

Som tidigare nämnts är alla komponenter i NextJS serverkomponenter som standard. Samtidigt har vi tillgång till alla funktioner i JSX-språket, förutom att arbeta med states och andra liknande hooks.

Låt oss som exempel skapa en variabel och visa den i vår markup:

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

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