NextJS Framework'unda Sunucu Bileşenleri
Önceki derste oluşturduğumuz bileşeni inceleyelim:
export 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:
export default function Test() {
let name = 'user';
return <h1>hello, {name}!</h1>;
}
Bir ürün dizisi verilmiştir:
let prods = [
'prod1',
'prod2',
'prod3',
];
Bir döngü kullanarak bu ürünleri,
sunucu bileşeninizin içinde ul
listesi olarak gösterin.
