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.
💻 Front-end
📁 Back-end
📚 Bibliotecas
🎨 Estilização
🔋 Versionamento e Deploy
⚙️ Configuranções e Instalações
Clone do Projeto
$ git clone https://github.com/renovatt/nexth-auth-modal-parallel.git
Instalando as dependências
$ npm install
Iniciando o projeto
$ npm run dev
Como contribuir?
- Você pode dar suporte me seguindo aqui no GitHub
- Dando uma estrela no projeto
- Criar uma conexão comigo no linkedin fazendo parte da minha networking e curtir o meu projeto.