/mp-lista-de-paises-next

Mini Projeto do Codante.io - Implemente uma lista de países usando NextJS

Primary LanguageTypeScriptMIT LicenseMIT

🌍 Lista de Países usando Next.js

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

Interface do Projeto

🔨 Os Requisitos foram:

  • 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.

🎨 O Design Sugerido

🔗 Link do Figma

Tecnologias utilizadas

NextJS 13

  • Server Components
  • Data fetching
  • Nested layouts
  • Routes
  • pages.tsx
  • layout.tsx
  • error.tsx
  • loading.tsx