Descrição

Neste projeto, estou explorando as funcionalidades de Rotas Paralelas e interceptações do Next.js, utilizando um modal de login/registro como exemplo usando o NexthAuth. Uma característica notável é a capacidade de realizar o login no sistema sem a necessidade de sair da página em que o usuário está atualmente, o que proporciona uma experiência mais fluida.

A interceptação da rota de login ocorre de forma independente da página em que o usuário esteja, preservando a continuidade da experiência. Esse aspecto é particularmente valioso, pois ajuda o usuário a manter os dados e contexto da página atual. Por exemplo, se o usuário deseja efetuar uma compra, ele pode acessar o sistema de login sem abandonar a visualização do produto, evitando possíveis perdas de informação.

Além disso, o projeto também explora a simulação de Rotas Paralelas em algumas páginas. Esse conceito permite carregar dados independentes na mesma página, administrando o carregamento de forma diferenciada. Esse enfoque demonstra-se bastante interessante em termos de flexibilidade e otimização do carregamento.

É importante mencionar que, ao optar pelo login com a conta do Google pela primeira vez, o redirecionamento ocorre para a janela de autenticação do Google. Após a autenticação bem-sucedida, o usuário é direcionado de volta à página inicial, por conta da integração com o NextAuth. Alternativamente, se fosse empregada uma solução como o Firebase, essa interação poderia ser diferente, mantendo assim a página atual.

Vale ressaltar que, após a concessão inicial de permissões, os redirecionamentos e processos subsequentes ocorrem de maneira mais suave, mantendo assim a página conforme exemplificado no vídeo.

Ver Projeto

Layout mobile

Layout web

🛠️ Tecnologias

💻 Front-end

• Next.js 13.4
• Typescript