Mini Projetos

Resolução do Mini Projeto

Lista de países com Next.js

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

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

Apresentação do que será feito

Ícaro mostra o que será construído

Comentários

(2)

Carlos Alberto Lopes Duartehá 1 mês

Olá, parabéns e obrigado pelas aulas. Uma dica, poderia ter aqui em cima, um link para o codante, onde tem os projetos.

Roberto Cestarihá 1 mês

Olá Carlos! Obrigado por comentar! Onde exatamente link para o Codante? Em cima da lista de aulas?