8. Projeto
Lista de países com Next.js
Trilha
Next.js
8. Projeto
Lista de países com Next.js
Login
⭐ Resolva o Projeto
Informações do Projeto
Submeta sua Resolução
Resolução
Apresentação do que será feito
Instalando e entendendo o NextJS
Rotas e Layouts no NextJS 13
Criando a primeira rota
Utilizando os Server Components no React (RSC)
Usando grid para exibir as bandeiras dos países
Criando a rota para países específicos
Usando a API Intl do javascript para formatar números
Página de Erro do NextJS 13
Evitando novos requests utilizando o cache do NextJS
Exibindo os países que fazem fronteira
Componentizando o card de país
Fazendo um loader com skeleton no NextJS
Deixando a página responsiva
Recapitulando o que vimos
Finalizando e fazendo o deploy do projeto
⭐ Resolva o Projeto
Informações do Projeto
Submeta sua Resolução
Resolução
Apresentação do que será feito
Instalando e entendendo o NextJS
Rotas e Layouts no NextJS 13
Criando a primeira rota
Utilizando os Server Components no React (RSC)
Usando grid para exibir as bandeiras dos países
Criando a rota para países específicos
Usando a API Intl do javascript para formatar números
Página de Erro do NextJS 13
Evitando novos requests utilizando o cache do NextJS
Exibindo os países que fazem fronteira
Componentizando o card de país
Fazendo um loader com skeleton no NextJS
Deixando a página responsiva
Recapitulando o que vimos
Finalizando e fazendo o deploy do projeto
Fazendo um loader com skeleton no NextJS
O arquivo loading do NextJS facilita e simplifica a utilização de loaders na nossa aplicação.