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

Página de Erro do NextJS 13

Uma das inovações do NextJS 13 é a página de erro: vamos ver como utilizá-la

Comentários

(0)