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
12X
R$109
à vista R$1.308
  • Acesso a TODOS os cursos da Alura

    Mais de 1500 cursos completamente atualizados, com novos lançamentos todas as semanas, emProgramação, Front-end, UX & Design, Data Science, Mobile, DevOps e Inovação & Gestão.

  • Alura Challenges

    Desafios temáticos para você turbinar seu portfólio. Você aprende na prática, com exercícios e projetos que simulam o dia a dia profissional.

  • Alura Cases

    Webséries exclusivas com discussões avançadas sobre arquitetura de sistemas com profissionais de grandes corporações e startups.

  • Certificado

    Emitimos certificados para atestar que você finalizou nossos cursos e formações.

Matricule-se

Pro

De
R$ 2.400
12X
R$149
à vista R$1.788
  • Acesso a TODOS os cursos da Alura

    Mais de 1500 cursos completamente atualizados, com novos lançamentos todas as semanas, emProgramação, Front-end, UX & Design, Data Science, Mobile, DevOps e Inovação & Gestão.

  • Alura Challenges

    Desafios temáticos para você turbinar seu portfólio. Você aprende na prática, com exercícios e projetos que simulam o dia a dia profissional.

  • Alura Cases

    Webséries exclusivas com discussões avançadas sobre arquitetura de sistemas com profissionais de grandes corporações e startups.

  • Certificado

    Emitimos certificados para atestar que você finalizou nossos cursos e formações.

  • Luri, a inteligência artificial da Alura

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

  • Alura Língua (incluindo curso Inglês para Devs)

    Estude a língua inglesa com um curso 100% focado em tecnologia e expanda seus horizontes profissionais.

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