Desenvolvimento Web Avançado com React + NextJS

Construa seu primeiro site com Next.js: dos conceitos básicos à geração de páginas dinâmicas e integração com CMS

Este curso foi projetado para ensinar os conceitos avançados de desenvolvimento web usando React e NextJS. Ao longo do curso, você aprenderá como construir seu primeiro site usando Next.js, começando pelos conceitos básicos e avançando para a geração de páginas dinâmicas e integração com CMS. O curso começa com uma introdução ao Next.js, onde você aprenderá os princípios fundamentais e as vantagens desse framework. A partir daí, passaremos para a criação de um site simples usando o Next.js. Você aprenderá como criar páginas e rotas, além de trabalhar com componentes e estilos. Em seguida, vamos nos concentrar na integração de um CMS ao seu site. O Contentful, uma das plataformas de CMS mais populares para desenvolvimento web, será usado neste curso. Você aprenderá como criar e configurar modelos de dados, além de configurar a integração com o Next.js. Em seguida, mergulharemos na geração de páginas dinâmicas. Você aprenderá como criar rotas e páginas dinâmicas com base em dados do CMS ou de outras fontes. Diferentes abordagens para lidar com dados dinâmicos, como renderização do lado do servidor e geração estática, também serão abordadas. Em seguida, exploraremos a criação de componentes estilizados. Você aprenderá como criar componentes usando emojy, uma alternativa ao styled-component. Além disso, apresentaremos a biblioteca MUI e ensinaremos como usá-la para criar interfaces bonitas e modernas. No final do curso, discutiremos a preparação do seu site para lançamento e hospedagem. Você aprenderá como otimizar seu site para carregamento rápido e como implantá-lo no Vercel. Ao final deste curso, você terá habilidades para criar sites de alta qualidade usando o Next.js, integrar funcionalidades de CMS e configurar a geração de páginas dinâmicas. Você também será capaz de criar componentes estilizados do zero ou usando a biblioteca MUI, além de implantar e preparar seus sites para lançamento. O que você aprenderá: - Dominar técnicas de codificação em React - Entender o conceito de CMS e como trabalhar com ele - Utilizar as vantagens do NextJS para escrever páginas dinâmicas - Aprender o conceito de importação dinâmica de componentes - Escrever e trabalhar com APIs e funcionalidades de back-end - Utilizar o MaterialUI para bibliotecas de componentes de interface de usuário