Abrindo os trabalhos
  • Tabela de conteúdos
  • Criando um app com o template de NextJS
  • Criar um repositório no Github
Configurando o projeto
  • Utilizando TypeScript
  • Migrando projeto de JavaScript para TypeScript
  • Utilizando CSS Modules
  • Arquitetura baseada em Componentes
  • Utilizando Absolute Imports para melhor Developer Experience
Componentes e rotas
  • Component React: Navigation
  • Criando rotas estáticas: About page
Fazendo o blog funcionar
  • Data-Fetch: durante build-time com `getStaticProps`
  • Pegando os posts no servidor: NodeJS
  • Adicionando o primeiro blog post
Toques adicionais
  • O novo componente
  • Search Engine Optimisation (SEO)
Encerramento
  • Substituindo `replaceAll` por `replace`
  • Deploy para uma plataforma serverless (Vercel)
  • Até a próxima