Trilha

Next.js

9. 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
  • Usando grid para exibir as bandeiras dos países

    Fica bem fácil implementarmos o layout usando CSS Grid