NextJS Frameworkində Server Komponentlər

Əvvəlki dərsdə yaratdığımız komponenti nəzərdən keçirək:

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

Daha əvvəl qeyd edildiyi kimi, default olaraq NextJS-də bütün komponentlər server komponentləridir. Bu zaman bizə JSX dilinin bütün imkanları əlçatındır, state-lərlə iş və digər oxşar hook-lar istisna olmaqla.

Nümunə üçün gəlin bir dəyişən yaradaq və onu verstişdə çıxaraq:

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

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