O que vamos fazer?

É claro que nós queremos criar nossas próprias páginas de login, cadastro e logout. Por isso não iremos utilizar as páginas do NextAuth como havíamos feito.

Com o React v18, podemos basicamente trabalhar de duas formas distintas: com client components, que é a forma tradicional do React, ou com server components.

Nós vamos criar nosso sistema de login das duas formas. Mas como o Next.js já está utilizando os server components como padrão, vamos começar com os server components