Strežniške komponente v ogrodju NextJS

Oglejmo si komponento, ki smo jo ustvarili v prejšnji lekciji:

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

Kot smo že omenili, so v NextJS privzeto vse komponente strežniške. Pri tem so nam na voljo vse možnosti jezika JSX, z izjemo dela s stanji (state) in drugih podobnih kavljev (hooks).

Za primer naredimo spremenljivko in jo prikažimo v predstavitvi:

src/app/test/page.jsxexport default function Test() {
  let name = 'user';
  return <h1>hello, {name}!</h1>;
}
Задание 1

Podano je polje produktov:

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

S pomočjo zanke izpišite te produkte v obliki seznama ul znotraj vaše strežniške komponente.