Estrutura de pastas p/ Next.js (rotas privadas e públicas)

Estrutura de pastas p/ Next.js (rotas privadas e públicas)

35.725 Lượt nghe
Estrutura de pastas p/ Next.js (rotas privadas e públicas)
Garanta sua vaga GRATUITA no Start 2025 e comece o ano com um guia completo pra sua jornada em programação: https://rseat.in/convite_start_2025 Conheça a Formação React da Rocketseat: https://rseat.in/formacao_react_rocketseat Modelo de currículo para devs (gratuito): https://rseat.in/Modelo_curriculo Bora aprender na prática como gerenciar rotas públicas e privadas em projetos Next.js? Nesse vídeo, Diego explora a configuração de middleware eficiente para autenticação, organização semântica de pastas e boas práticas para redirecionamento de usuários, garantindo usabilidade e performance. Com exemplos reais, esse conteúdo é ideal para devs que buscam escalabilidade e organização em suas aplicações. Dá o play 👇 00:00 - 00:31 Introdução ao tema de rotas privadas e públicas 01:01 - 02:03 Explicação sobre a criação de um projeto Next.js limpo 02:03 - 02:35 Configuração inicial de rotas públicas e privadas 02:35 - 03:36 Erro comum ao redirecionar rotas públicas 03:36 - 09:21 Organização semântica de rotas com pastas 09:21 - 10:23 Uso de middleware para autenticação 10:23 - 15:04 Exemplo de middleware rodando no servidor Edge 15:04 - 19:43 Verificação de token JWT no middleware 19:43 - 20:00 Demonstração prática de rotas públicas e privadas ----- Conecte-se a 500mil devs e avance para o próximo nível com a nossa plataforma: https://rseat.in/rocketseat_ Cadastre-se na nossa plataforma: https://rseat.in/rocketseat_ Junte-se a mais de 392mil devs em nossa comunidade no Discord: https://discord.gg/rocketseat Acompanhe a Rocketseat nas redes sociais: TikTok: @rocketseat Facebook: @rocketseat Instagram: @rocketseat