This website displays countries in list and details about a country such as its population, languages, neighbors...
- fetching countries from an API
- responsive layout
- search
- filter by country, region
- dark mode
- random country using middleware or button
- language switch (en & fr)
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
Countries list
Country details
Performance
This project was made with of tutorial made by Thu Nghiem
This is a Next.js project bootstrapped with create-next-app.
To run the project locally, run the development server as following:
npm run dev
# or
yarn dev
# or
bun devOpen http://localhost:3000 with your browser to see the result.