NextJS фреймворгіндегі серверлік компоненттер

Біздің алдыңғы сабақта жасаған компонентті қарастырайық:

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

Бұрын айтылғандай, әдепкі бойынша NextJS-те барлық компоненттер серверлік болады. Бұл ретте бізге JSX тілінің барлық мүмкіндіктері қолжетімді, state-термен жұмыс істеуден және басқа да ұқсас хуқтардан басқа.

Мысал ретінде айнымалы жасап, оны версткада шығарайық:

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

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