Server Components in the NextJS Framework

Let's consider the component created by us in the previous lesson:

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

As mentioned earlier, by default in NextJS all components are server-side. At the same time, we have access to all the features of the JSX language, except for working with states and other similar hooks.

For example, let's create a variable and output it in the layout:

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

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