Hello World no Next.js

Entre para ter acesso à essa aula

Entrar

Cadastre-se gratuitamente

Nessa aula, você aprenderá a criar um projeto utilizando as tecnologias Reload Nexus e ReactJS. Será mostrado como criar a estrutura do projeto, executar os comandos no terminal e rodar o servidor utilizando hot-reload.

Depois, serão apresentados exemplos de código e como fazer o deploy do projeto. O curso é focado na prática e recomendamos ter conhecimentos básicos em Next.js.

- 1. Introdução
  11:06
- 2. Hello World no Next.js
  10:34
- 3. Estrutura de pastas e arquivos do Next
  10:01
- 4. Criando páginas e roteamento
  08:16
- 5. Nested routes em Next
  07:55
- 6. Navegação entre páginas (Componente Link)
  07:40
- 7. Componentes no Next
  09:14
- 8. Componente de Layout
  09:01
- 9. Adicionando CSS no Next.js
  11:08
- 10. Meta tags no Next
  08:20
- 11. Assets
  07:21
- 12. Fetch data com Next (requisição em API)
  10:44
- 13. Dynamic Routes
  16:33
- 14. Rotas dinâmicas com dados
  12:40
- 15. Página 404 customizada
  04:29
- 16. Analisando build
  08:38
- 17. Apresentação do projeto
  06:53
- 18. Iniciando projeto
  05:33
- 19. Criando componente de layout
  08:19
- 20. CSS do header e footer
  09:58
- 21. Criando página no sistema
  06:28
- 22. Chamando os pokemons pela API
  09:09
- 23. Finalizando CSS da home page
  07:19
- 24. Componentes de Card na home
  13:49
- 25. Resgatando dado individual de Pokemons
  10:22
- 26. Finalizando página de Pokemon
  16:07
- 27. Enviando projeto para o GitHub
  04:51
- 28. Deploy na Vercel
  07:37
- 29. Carregamento de dados não renderizados
  06:04
- 30. Conclusão do curso
  04:32
- Emitir certificado