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 a estudar agora na maior escola de tecnologia do país

Conheça os Planos para Empresas