Curso de Next.js
Otimize seu trabalho com este poderoso framework.
- Professor: Matheus Battisti
- Empresa: Hora de Codar
- Nível do curso: Básico
O Next.js é um framework de código aberto que criado junto com React e que permite o desenvolvimento de aplicações tanto front-end quanto back-end. Ele se tornou popular na comunidade de desenvolvedores justamente por reunir diversas funcionalidades a fim de manter o foco total em sua produtividade e eficiência.
Trata-se de um framerwork que já chega quase que completamente pré-configurado, fornecendo toda uma estrutura que permite a criação dos mais variados projetos com maior facilidade. Além disso, o Next.js permite que suas aplicações sejam renderizadas no lado do servidor (SSR), diminuindo o tempo de carregamento da aplicação, já que o esforço fica por conta do servidor, não do dispositivo do cliente, além de consumir menos recursos.
Aprenda a trabalhar com o Next.js com este curso online e gratuito. Não deixe de conferir também o curso de Next.js para Iniciantes.
Sobre o curso
Neste curso online e gratuito os alunos poderão aprender mais sobre como funciona o Next.js. O curso exige que os alunos tenham, pelo menos, conhecimentos básicos de programação, de preferência na linguagem Java, para entender melhor a estrutura e alguns códigos que serão apresentados ao longo das aulas em vídeo.
Estrutura do curso
Curso Next.js: Introdução – #01
Curso Next.js: Hello World no Next.js – #02
Curso Next.js: Estrutura de pastas e arquivos do Next – #03
Curso Next.js: Criando páginas e roteamento – #04
Curso Next.js: Nested routes em Next – #05
Curso Next.js: Navegação entre páginas (Componente Link) – #06
Curso Next.js: Componentes no Next – #07
Curso Next.js: Componente de Layout – #08
Curso Next.js: Adicionando CSS no Next.js – #09
Curso Next.js: Meta tags no Next – #10
Curso Next.js: Assets – #11
Curso Next.js: Fetch data com Next (requisição em API) – #12
Curso Next.js: Dynamic Routes – #13
Curso Next.js: Rotas dinâmicas com dados – #14
Curso Next.js: Página 404 customizada – #15
Curso Next.js: Analisando build – #16
Curso Next.js: Apresentação do projeto – #17
Curso Next.js: Iniciando projeto – #18
Curso Next.js: Criando componente de layout – #19
Curso Next.js: CSS do header e footer – #20
Curso Next.js: Criando página no sistema – #21
Curso Next.js: Chamando os pokemons pela API – #22
Curso Next.js: Finalizando CSS da home page – #23
Curso Next.js: Componentes de Card na home – #24
Curso Next.js: Resgatando dado individual de Pokemons – #25
Curso Next.js: Finalizando página de Pokemon – #26
Curso Next.js: Enviando projeto para o GitHub – #27
Curso Next.js: Deploy na Vercel – #28
Curso Next.js: Carregamento de dados não renderizados – #29
Curso Next.js: Conclusão do curso – #30
Aulas:
-
Curso Next.js: Introdução - #01Curso Next.js: Hello World no Next.js - #02Curso Next.js: Estrutura de pastas e arquivos do Next - #03Curso Next.js: Criando páginas e roteamento - #04Curso Next.js: Nested routes em Next - #05Curso Next.js: Navegação entre páginas (Componente Link) - #06Curso Next.js: Componentes no Next - #07Curso Next.js: Componente de Layout - #08Curso Next.js: Adicionando CSS no Next.js - #09Curso Next.js: Meta tags no Next - #10Curso Next.js: Assets - #11Curso Next.js: Fetch data com Next (requisição em API) - #12Curso Next.js: Dynamic Routes - #13Curso Next.js: Rotas dinâmicas com dados - #14Curso Next.js: Página 404 customizada - #15Curso Next.js: Analisando build - #16Curso Next.js: Apresentação do projeto - #17Curso Next.js: Iniciando projeto - #18Curso Next.js: Criando componente de layout - #19Curso Next.js: CSS do header e footer - #20Curso Next.js: Criando página no sistema - #21Curso Next.js: Chamando os pokemons pela API - #22Curso Next.js: Finalizando CSS da home page - #23Curso Next.js: Componentes de Card na home - #24Curso Next.js: Resgatando dado individual de Pokemons - #25Curso Next.js: Finalizando página de Pokemon - #26Curso Next.js: Enviando projeto para o GitHub - #27Curso Next.js: Deploy na Vercel - #28Curso Next.js: Carregamento de dados não renderizados - #29Curso Next.js: Conclusão do curso - #30