NextJS Framework'unda Sunucu Bileşenleri

Önceki derste oluşturduğumuz bileşeni inceleyelim:

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

Daha önce de belirtildiği gibi, varsayılan olarak NextJS'te tüm bileşenler sunucu tarafındadır. Bu durumda, state'ler ve diğer benzer hook'lar hariç, JSX dilinin tüm olanaklarına erişebiliriz.

Örnek olarak bir değişken oluşturalım ve onu HTML çıktısında gösterelim:

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

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