Next.js Desenvolvimento até Implantação

Aprenda Next.js construindo um site de eventos musicais

Next.js é um framework poderoso para desenvolvimento de websites React renderizados no lado do servidor e websites estáticos. Neste curso abrangente, você ganhará experiência prática com Next.js construindo um site de eventos musicais do zero. Ao longo do curso, você aprenderá os conceitos e técnicas essenciais do Next.js, permitindo que você crie suas próprias aplicações web dinâmicas. Utilizaremos o Strapi, um CMS sem cabeçalho, como nossa solução de backend, embora você possa aplicar o conhecimento a qualquer outra tecnologia de backend de sua escolha. O curso abrange uma ampla gama de tópicos, incluindo:

Páginas e Roteamento

Entenda como criar páginas e lidar com o roteamento no Next.js.

Métodos de Busca de Dados

Aprenda sobre diferentes métodos de busca de dados no Next.js, como getServerSideProps, getStaticProps e getStaticPaths.

Rotas de API Personalizadas

Descubra como criar rotas de API personalizadas no Next.js para lidar com funcionalidades específicas.

Geração Estática

Domine a arte da geração estática no Next.js para otimizar o desempenho e melhorar a experiência do usuário.

Estilização CSS

Explore várias técnicas para estilizar suas aplicações Next.js usando CSS.

Otimização de Imagens

Aprenda como otimizar imagens no Next.js para tempos de carregamento mais rápidos e melhor desempenho. Além do projeto principal, também abordaremos outros tópicos importantes, incluindo:

Strapi CMS

Utilize o Strapi como um CMS sem cabeçalho para gerenciar conteúdo em suas aplicações Next.js.

Autenticação com JWT

Implemente autenticação JWT (JSON Web Tokens) para autenticação segura de usuários.

Autorização e Controle de Acesso

Aprenda como controlar o acesso e as permissões do usuário em suas aplicações Next.js.

Armazenamento de Cookies HttpOnly no Servidor

Descubra como armazenar cookies HttpOnly com segurança no servidor para maior segurança.

Paginação, Filtros de Busca, etc.

Implemente recursos avançados como paginação, filtros de busca e mais em suas aplicações Next.js.

Upload de Imagens com Integração Cloudinary

Integre o Cloudinary para upload e gerenciamento de imagens sem problemas em seus projetos Next.js.

Implantação no Vercel e Heroku

Aprenda como implantar suas aplicações Next.js em plataformas de hospedagem populares como Vercel e Heroku. Além disso, o Next.js também pode ser usado para criar websites estáticos. Como parte deste curso, construiremos um blog estático chamado Devspace, abordando os seguintes tópicos:

Integração do TailwindCSS

Integre o TailwindCSS em seus projetos Next.js para estilização eficiente e responsiva.

Busca e Geração de Dados Estáticos

Aprenda como buscar e gerar dados estáticos para o seu blog estático Next.js.

Criação, Busca e Análise de Markdown com Frontmatter

Descubra como criar, buscar e analisar arquivos Markdown com frontmatter em seus projetos Next.js.

Funcionalidade de Busca com Rota de API/Função Serverless

Implemente funcionalidade de busca usando rotas de API ou funções serverless em seu blog estático Next.js.

Caching de Postagens

Otimize o desempenho implementando caching de postagens em seu blog estático Next.js.

Ganchos do Git com Husky

Utilize ganchos do Git com Husky para automatizar tarefas e garantir a qualidade do código em seus projetos Next.js.

Implantação no Vercel

Aprenda como implantar seu blog estático Next.js no Vercel para implantação de produção sem problemas. Os pré-requisitos para este curso incluem um entendimento básico de JavaScript e familiaridade com recursos modernos do JavaScript, como arrow functions, restructuring e o operador spread. Além disso, é recomendado um conhecimento básico de React, incluindo conceitos como componentes, props e JSX. Os recursos fornecidos neste curso incluem todo o código final nos repositórios do projeto, bem como quaisquer recursos necessários nas respectivas seções. Ao final deste curso, você terá as habilidades e conhecimentos para construir e implantar com confiança aplicações Next.js, seja websites dinâmicos de eventos musicais ou blogs estáticos. Matricule-se agora e embarque em sua jornada para se tornar um especialista em Next.js!