28h

Para conclusão

3
Cursos
2
Vídeos extras

Performe sua aplicação React com Next.js Fullstack

Se é a sua primeira passagem pelo Front-end, recomendo que estude previamente nossas formações de HTML e CSS, JavaScript para Front-end , React com JavaScript e Next.js.

Caso tenha experiência prática em projetos com os temas acima, aproveite a nova formação Next Full stack para criar aplicações web de alta performance e escaláveis, com menos tempo de desenvolvimento e melhor experiência de usuário. Nesta formação você aprenderá a:

  • Construir componentes reutilizáveis e escaláveis no Front-end, utilizando as melhores práticas de projetos em Next.js.

  • Explorar como gerenciar conteúdos estáticos utilizando o File System, tornando seu site mais performático e rápido.

  • Aprender o que são variáveis de ambiente e como integrar suas aplicações com o Supabase, uma plataforma de banco de dados serveless.

Em caso de dúvidas, acesse o Fórum ou interaja com a Comunidade 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 Construa componentes escaláveis e performáticos com Next.js e File System

    Descrição: neste curso você criará componentes reutilizáveis e escaláveis para o Front-End usando as melhores práticas em Next.js. Além disso, você aplicará conteúdos estáticos usando o File System para tornar seu site mais performático e rápido.

    • Curso Next.js Full stack: arquitetura de componentes Front-end

      10h
      • Saiba como traduzir um layout do Figma em componentes no Next.js
      • Conheça os benefícios de criar uma boa base de componentes para suas aplicações em Next.js
      • Entenda como estruturar os componentes de seu projeto e separar o visual feito pela equipe de design do código
      • Implemente uma aplicação do zero no Next.js utilizando o Typescript e styled-components
      • Descubra como criar componentes base e técnicas de código que melhoram o autocomplete do seu código Typescript
    • Vídeo Front End, Design Tokens e Figma? Como organizar Front End - YouTube

    • Curso Next.js Full stack: gerenciando conteúdo em build time com File System

      08h
      • Conheça as vantagens de utilizar arquivos YAML para gerenciar configurações em suas páginas
      • Saiba como prover os dados de configurações e outras informações gerais de seu site utilizando a Context API
      • Realize a integração de sua aplicação com bibliotecas para ler arquivos e convertê-los em formatos acessíveis para o Node js
      • Entenda como reutilizar lógica de componentes em suas aplicações utilizando Higher Order Components
      • Desenvolva uma aplicação completa integrando o Front-end com um sistema de gerenciamento de conteúdo
    • Vídeo Performance de Build Estático com NextJS | Otimizando 7 VEZES!!! - YouTube

    • Curso Next.JS: full stack com lambdas

      08h
      • Adquira conhecimentos avançados em Next.JS FullStack, desde o desenvolvimento de aplicações web até a integração com banco de dados e serviços externos
      • Aprenda a utilizar as ferramentas e recursos disponíveis no Next.JS para otimizar o desempenho e a usabilidade das aplicações desenvolvidas
      • Desenvolva habilidades para criar aplicações web responsivas, escaláveis e de alta qualidade usando Next.JS, contribuindo para a melhoria da experiência do usuário
      • Integre o Next.JS com outras tecnologias e ferramentas relevantes do ecossistema Javascript, ampliando as possibilidades de desenvolvimento e entregando soluções mais completas

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 Performe sua aplicação React com Next.js Full stack. Matricule-se agora!

Plus

De
R$ 1.800
por
12X
R$109
à vista R$1.308
  • Acesso a TODOS os 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 os 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 os 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

    Escolha os ebooks da Casa do Código, a editora da Alura, que apoiarã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