Esse foi meu projeto Introdutório ao Next.js utilizando Next 13.
Este projeto foi desenvolvido durante uma aula do Icaro da Codante e representa minha introdução a esse Framework que vem sido muito utilizado atualmente
- Utilize a API REST Countries para obter os dados dos países.
- Utilize o Next.js na versão mais atual para construir a estrutura do projeto e gerenciar as rotas da aplicação.
- Garanta que sua aplicação se comporta bem em celulares, tablets e desktops.
- Implemente a funcionalidade de exibir uma lista de países, mostrando sua bandeira e seu nome em português.
- Ao clicar em um país, você deverá exibir em uma nova rota a página de detalhes do país
- Exiba a capital, população, continente e região e as línguas faladas no país.
- Exiba o número da população em números simplificados, por exemplo: 1.000.000 deve ser 1M e 1000 deve ser 1K.
- Exiba uma lista dos países que fazem fronteira com o país exibido. Ao clicar em um dos países que fazem fronteira, redirecione para a página desse país.
- Faça o deploy da sua aplicação e submeta no Codante.
NextJS 13
Server Components
Data fetching
Nested layouts
Routes
pages.tsx
layout.tsx
error.tsx
loading.tsx