Skip to content

Country rank is a Next.js project using static site generation (SSG) rendering countries in list and details about a country such as its population, languages, neighbors.

Notifications You must be signed in to change notification settings

bastiendmt/country-rank

Repository files navigation

BugsCode SmellsDuplicated Lines (%)

This website displays countries in list and details about a country such as its population, languages, neighbors...

Features

  • fetching countries from an API
  • responsive layout
  • search
  • filter by country, region
  • dark mode
  • random country using middleware or button
  • language switch (en & fr)

Tech stack

This project is using NextJS with app router and the following :

  • Lucide icons
  • Mapbox
  • Eslint

Data is coming from https://restcountries.com

The site is deployed on vercel

Preview

Countries list Countries list

Country details Country detail

Performance Performance

About

This project was made with of tutorial made by Thu Nghiem

This is a Next.js project bootstrapped with create-next-app.

Getting Started

To run the project locally, run the development server as following:

npm run dev
# or
yarn dev
# or
bun dev

Open http://localhost:3000 with your browser to see the result.

About

Country rank is a Next.js project using static site generation (SSG) rendering countries in list and details about a country such as its population, languages, neighbors.

Topics

Resources

Security policy

Stars

Watchers

Forks

Packages

No packages published