Server components
Por padrão, components renderizados pelo servidor são criados explicitamente, sem precisarmos criar uma anotação para eles.
// page.tsx
export default function Home(){
return (
<h1>Server components</h1>
)
}
Dessa forma, não é possível utilizarmos funções que utilizaríamos caso fosse um componente renderizado pelo client, como states, hooks, etc.
Ao darmos um console.log a informação será renderizada pelo servidor do Next.
Para criarmos uma nova página no Next, basta criarmos um novo arquivo dentro de app com o nome da página e exportamos como default uma função que renderiza um componente funcional.
Para links, é necessário utilizarmos o tag <Link to=""/> do NextJS para que utilizamos sempre o conceito de SPA