69h

Para conclusão

7
Cursos
5
Vídeos extras
3
Artigos

Potencialize o React com Next.JS

O Next.js é um framework React pronto para produção que se destaca pela sua escalabilidade. Ele supre as lacunas do React, como

  • rapidez no carregamento de páginas e indexação;
  • com recursos como renderização híbrida (estática e do lado do servidor);
  • pré-busca de rota, suporte a TypeScript e outros

Ao aprender sobre o Next.js, você criará projetos de qualidade com as melhores práticas da ferramenta. Aproveite esta formação para

  • Conhecer os recursos e vantagens do Next.js
  • Entender como o Next.js funciona e como pode melhorar a performance de aplicações
  • Aprender sobre segurança e autenticação de usuários, incluindo o gerenciamento de tokens
  • Integrar o Next.js com CMS para gerir os conteúdos de suas aplicações
  • Automatizar os processos de integração usando Github Actions
  • Documentar o seu Front-end de forma interativa com *Storybook *

Em caso de dúvidas, acesse o Fórum, ou participe da comunidade da Alura no Discord

Vamos mergulhar!?

Por que estudar esta formação?

  • Guia de aprendizado

    Conteúdos pensados para facilitar seu estudo

  • Do básico ao avançado

    Formação completa para o mercado

  • Você dentro do mercado

    Do zero ao sonhado emprego em sua área de interesse

Comece essa formação agora mesmo e capacite-se para seu próximo projeto!

Conheça os planos

Com quem você vai aprender?

  • Mario Souto

    Vivo no 220v, sempre atrás de um filme/rolê novo e codando desafios aleatórios em JavaScript. Adoro fazer sites e falar/dar aulas sobre isso no @nubank, meu canal no YouTube DevSoutinho e na @alura

  • Mario Souto

    Vivo no 220v, sempre atrás de um filme/rolê novo e codando desafios aleatórios em JavaScript. Adoro fazer sites e falar/dar aulas sobre isso no @nubank, meu canal no YouTube DevSoutinho e na @alura

Passo a passo
  1. 1 Navegando pelo Next.js

    Inicialmente, você vai conhecer um pouco sobre o Next.js, que tipos de problema ele se propõe a resolver e quais as vantagens em utilizá-lo.

    Além disso, você vai aprender conceitos chave da ferramenta e ver na prática como criar suas primeiras páginas usando o framework.

    Vamos explorar também como lidar com estilos e componentes, e aprofundar em outros aspectos da ferramenta que ajudarão você a conseguir resolver os primeiros problemas com o Next.js.

  2. 2 Mergulhos mais profundos no Next.js

    Agora que você já sabe como Next.js funciona, vamos aprender na prática como trabalhar com rotas e autenticação JWT nos seus projetos utilizando o Framework. Além disso, enquanto aprende diferenças importantes relacionadas ao armazenamento e ao token, você irá descobrir como se proteger de vulnerabilidades da Web e como desenvolver um fluxo completo de Login e Logout com JWT.

    • Artigo Como o Next.js ajuda no SEO das SPAs? | Alura

    • Artigo Navegação com Next.Js utilizando rotas dinâmicas | Alura

    • Curso Next.js: autenticação e gerenciamento de Tokens

      12h
      • Aprenda na prática como incluir autenticação JWT em seus projetos com Nextjs
      • Saiba a diferença entre Cookies, Local Storage e Session Storage
      • Descubra como se proteger das principais vulnerabilidades da web
      • Entenda a diferença entre Refresh Token e Access Token
      • Desenvolva um fluxo completo de Login e logout com JWT
    • Curso Next.js: trabalhando com um CMS

      10h
      • Crie uma aplicação de FAQ integrada a um CMS
      • Aprenda na prática como funciona um Headless CMS
      • Use o Dato CMS para criar modelos de conteúdos e de componentes para suas páginas
      • Entenda como o Dato CMS facilita o gerenciamento de conteúdo de seu site
      • Realize a integração completa de páginas e componentes ao Dato CMS
      • Aprimore seus conhecimentos em Next.js
    • Curso Next.js: trabalhando com arquitetura Front-end

      08h
      • Conheça os motivos para considerar o uso de um arquitetura Front-end moderna
      • Entenda os benefícios de usar mono-repos
      • Saiba como estruturar seu projeto em um mono-repo
      • Implemente configurações compartilhadas de testes e estilos do seu projeto
      • Descubra como utilizar o Github para ganhar mais produtividade trabalhando em equipe
  3. 3 Melhore sua experiência de desenvolvimento

    Agora que você aprendeu na prática como trabalhar com rotas e autenticação de JWT nos seus projetos utilizando Next.js, vamos desenvolver habilidades em testes e documentação em Front-End.

    Abordaremos uma mentalidade de DevOPs trabalhando no Github com os conceitos de Continuous Delivery e Continuous Integration (CI-CD), criando fluxos de trabalho para automatização de testes, comando de linters e deploy.

    Além disso, destacamos as vantagens de utilizar Storybook para documentar projetos, colocando na prática a criação de histórias, utilização de complementos e plugins, além da realização do deploy do seu projeto na Vercel.

Escola

Front-end

Além dessa, a categoria Front-end conta com cursos de HTML, CSS, React, Angular, JavaScript, jQuery,e mais...

Conheça a Escola

Comece hoje mesmo os cursos de Melhore sua aplicação React com o Next.js. Matricule-se agora!

Plus

De
R$ 1.800
por
12X
R$109
à vista R$1.308
  • Acesso a TODOS cursos por 1 ano

    Formações com mais de 1500 cursos atualizados e novos lançamentos semanais, em Programação, Inteligência Artificial, Front-end, UX & Design, Data Science, Mobile, DevOps e Inovação & Gestão.

  • Certificado

    A cada curso ou formação concluído, um novo certificado para turbinar seu currículo e LinkedIn.

  • Mentorias com especialistas

    No Discord, você tem acesso a eventos exclusivos, grupos de estudos e mentorias com especialistas de diferentes áreas.

  • Comunidade exclusiva

    Faça parte da maior comunidade Dev do país e crie conexões com mais de 120 mil pessoas no Discord.

  • Acesso ao conteúdo das Imersões

    Acesso ilimitado ao catálogo de Imersões da Alura para praticar conhecimentos em diferentes áreas.

  • App Android e iOS para estudar onde quiser

    Explore um universo de possibilidades na palma da sua mão. Baixe as aulas para assistir offline, onde e quando quiser.

Matricule-se

Pro

De
R$ 2.400
por
12X
R$149
à vista R$1.788
  • Acesso a TODOS cursos por 1 ano

    Formações com mais de 1500 cursos atualizados e novos lançamentos semanais, em Programação, Inteligência Artificial, Front-end, UX & Design, Data Science, Mobile, DevOps e Inovação & Gestão.

  • Certificado

    A cada curso ou formação concluído, um novo certificado para turbinar seu currículo e LinkedIn.

  • Mentorias com especialistas

    No Discord, você tem acesso a eventos exclusivos, grupos de estudos e mentorias com especialistas de diferentes áreas.

  • Comunidade exclusiva

    Faça parte da maior comunidade Dev do país e crie conexões com mais de 120 mil pessoas no Discord.

  • Acesso ao conteúdo das Imersões

    Acesso ilimitado ao catálogo de Imersões da Alura para praticar conhecimentos em diferentes áreas.

  • App Android e iOS para estudar onde quiser

    Explore um universo de possibilidades na palma da sua mão. Baixe as aulas para assistir offline, onde e quando quiser.

  • Luri, a inteligência artificial da Alura

    Luri é nossa inteligência artificial que tira dúvidas, dá exemplos práticos, corrige exercícios e ajuda a mergulhar ainda mais durante as aulas. Você pode conversar com a Luri até 100 mensagens por semana.

  • Alura Língua - Inglês e Espanhol

    Aprenda um novo idioma e expanda seus horizontes profissionais. Cursos de Inglês, Espanhol e Inglês para Devs, 100% focado em tecnologia.

Matricule-se

Ultra

12X
R$209
à vista R$2.508
  • Acesso a TODOS cursos por 1 ano

    Formações com mais de 1500 cursos atualizados e novos lançamentos semanais, em Programação, Inteligência Artificial, Front-end, UX & Design, Data Science, Mobile, DevOps e Inovação & Gestão.

  • Certificado

    A cada curso ou formação concluído, um novo certificado para turbinar seu currículo e LinkedIn.

  • Mentorias com especialistas

    No Discord, você tem acesso a eventos exclusivos, grupos de estudos e mentorias com especialistas de diferentes áreas.

  • Comunidade exclusiva

    Faça parte da maior comunidade Dev do país e crie conexões com mais de 120 mil pessoas no Discord.

  • Acesso ao conteúdo das Imersões

    Acesso ilimitado ao catálogo de Imersões da Alura para praticar conhecimentos em diferentes áreas.

  • App Android e iOS para estudar onde quiser

    Explore um universo de possibilidades na palma da sua mão. Baixe as aulas para assistir offline, onde e quando quiser.

  • Luri, com mensagens ILIMITADAS

    Mensagens ilimitadas para estudar com a Luri, a IA da Alura, disponível 24hs para tirar suas dúvidas, dar exemplos práticos, corrigir exercícios e impulsionar seus estudos.

  • Luri Vision, a IA que enxerga suas dúvidas

    Envie imagens para a Luri e ela te ajuda a solucionar problemas, identificar erros, esclarecer gráficos, analisar design e muito mais.

  • Alura Língua - Inglês e Espanhol

    Aprenda um novo idioma e expanda seus horizontes profissionais. Cursos de Inglês, Espanhol e Inglês para Devs, 100% focado em tecnologia.

  • 6 Ebooks da Casa do Código

    Receba cupons da Casa do Código, a editora da Alura, e escolha ebooks que acompanharão a sua jornada de aprendizado para sempre.

Matricule-se
Conheça os Planos para Empresas

Acesso completo
durante 1 ano

Estude 24h/dia
onde e quando quiser

Novos cursos
todas as semanas