Serverové komponenty ve frameworku NextJS
Podívejme se na komponentu, kterou jsme vytvořili v předchozí lekci:
export default function Test() {
return <h1>hello, user!</h1>;
}
Jak již bylo zmíněno dříve, ve výchozím nastavení jsou v NextJS všechny komponenty serverové. Při tom máme k dispozici všechny možnosti jazyka JSX, s výjimkou práce se stavy a dalších podobných hooků.
Jako příklad si vytvořme proměnnou a vypišme ji ve versti:
export default function Test() {
let name = 'user';
return <h1>hello, {name}!</h1>;
}
Je dáno pole produktů:
let prods = [
'prod1',
'prod2',
'prod3',
];
S pomocí cyklu vypište tyto produkty
ve formě seznamu ul uvnitř vaší
serverové komponenty.