Aprenda NextJS, GraphQL e Leaflet na Prática! - Willian Justen de Vasconcellos e Guilherme Louro

Iremos construir um mapa totalmente interativo utilizando a fantástica biblioteca do Leaflet.

Cada ponto no mapa será gerenciado através de um CMS na cloud chamado GraphCMS e iremos utilizar o NextJS para criar a melhor experiência para o usuário e também para você, desenvolvedor!

Para fazer tudo isso, nós iremos ensinar todos os fundamentos das ferramentas da teoria à prática, sem deixar nenhum detalhe para trás.

O que você aprenderá:

• Boas práticas com ReactJS
• Criação de um Boilerplate do zero
• Configurar Eslint
• Configurar Prettier
• Conceitos do NextJS
• Funcionamento do _app
• Funcionamento do _document
• Rotas simples e dinâmicas
• Link e useRouter
• Usando dynamic import do NextJS
• Novo componente do Next Image
• Funcionamento do GraphQL
• Criação de Schema
• Criar APIs rapidamente
• Geração de Types para GraphQL
• Como criar mapas com Leaflet
• Customizar mapas com MapBox
• Server Side Rendering (SSR)
• Static Site Generation (SSG)
• Incremental Static Generation (ISR)
• Deploy automatizado na Vercel

Requisitos:

• Conhecimento básico de JavaScript
• Conhecimento básico de React