Komponen Server dalam Framework NextJS

Mari kita perhatikan komponen yang dibuat oleh kita pada pelajaran sebelumnya:

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

Seperti yang telah disebutkan sebelumnya, secara default di NextJS semua komponen adalah komponen server. Sementara itu, kita memiliki akses ke semua fitur bahasa JSX, kecuali untuk bekerja dengan state dan hook lainnya yang serupa.

Sebagai contoh, mari kita buat sebuah variabel dan tampilkan dalam tampilan:

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

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