Next.js e react - curso completo - aprenda com projetos ücretsiz online kurs

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

   • Vídeo NextJs é o melhor framework com Mario Souto | #HipstersPontoTube - YouTube

   • Artigo NextJS: por que usar? | Alura Cursos Online

   • Vídeo Primeiros passos Next.js | #AluraMais - YouTube

   • Curso Next.js: explorando o framework

     08h

   Faça esse curso e:

   • Reconheça os benefícios do Next.js
   • Entenda como o Next.js ajuda no SEO de seu site
   • Implemente estilizar sua aplicação Next.js
   • Investigue como o Next.js busca dados estáticos e dinâmicos
   • Crie seu projeto na Vercel

   Mais detalhesdo curso Next.js: explorando o framework

   • Curso Next.js: tour pelo Next.js

     10h

   Faça esse curso e:

   • Aprenda a criar rotas dinânicas
   • Conheça as estratégias de pré-renderização do Next.js
   • Entenda como os recursos do Next.js ajudam na performance da sua aplicação
   • Saiba como é possível gerar rotas de API com o Next.js
   • Realize o deploy da sua aplicação

   Mais detalhesdo curso Next.js: tour pelo Next.js

2. 2 Mergulhos mais profundos no Next.JS

   • 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

   Faça esse curso e:

   • 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

   Mais detalhesdo curso Next.js: autenticação e gerenciamento de Tokens

   • Curso Next.js: trabalhando com um CMS

     10h

   Faça esse curso e:

   • 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

   Mais detalhesdo curso Next.js: trabalhando com um CMS

   • Curso Next.js: trabalhando com arquitetura Front-end

     08h

   Faça esse curso e:

   • 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

   Mais detalhesdo curso Next.js: trabalhando com arquitetura Front-end

3. 3 Melhore sua experiência de desenvolvimento

   • Vídeo O que é CI e CD? Pra vc aprender e nunca mais esquecer! | Como usar GitHub Actions? - YouTube

   • Curso NextJS: CI e CD para Front-end com o Github Actions

     08h

   Faça esse curso e:

   • Saiba como trabalhar com CI/CD no Front-end
   • Conheça as vantagens de utilizar o Github Actions para CI/CD
   • Entenda os motivos de realizar o processo de CI/CD no seu Front-end
   • Crie fluxos de trabalho para automatizar testes, comandos de linters e deploy
   • Realize a automação de tarefas feitas no terminal

   Mais detalhesdo curso NextJS: CI e CD para Front-end com o Github Actions

   • Vídeo Como padronizar commits? #DevTips Conventional Commits + Semantic Release para releases e versioning - YouTube

   • Vídeo Como documentar códigos? Documentando Front End com Storybook! - YouTube

   • Curso NextJS: documentando seu Front-end com o Storybook

     06h

   Faça esse curso e:

   • Entenda as vantagens de documentar seu Front-end
   • Descubra como criar histórias de seus componentes de interface do usuário com o Storybook
   • Conheça as diferenças entre os tipos de arquivos JSX e o MDX
   • Explore complementos e plugins do Storybook
   • Realize o deploy de seu projeto na vercel

   Mais detalhesdo curso NextJS: documentando seu Front-end com o Storybook

Qual a diferença entre React e Next JS?

Qual melhor curso de React JS?

Quando usar o Next JS?