About World Explorer
📖 What is this project?
World Explorer is a Next.js project that uses real API data to display countries around the world. It allows users to browse, search, and explore detailed information about any country.
🌐 API Used
This project uses the REST Countries API v5 (restcountries.com), a free and open API that provides detailed information about every country in the world.
- Base URL:
https://api.restcountries.com/ countries/v5
⚡ Next.js Topics Practiced
- ✅ Next.js App Router
- ✅ File-based routing
- ✅ Shared layouts (
layout.js) - ✅ Dynamic routes (
[code]) - ✅ Server Components (Countries & Details pages)
- ✅ Client Components (
CountrySearch) - ✅ Data fetching with
async/await - ✅ Static rendering & caching (
force-cache) - ✅ Dynamic rendering (
no-store) - ✅
generateMetadata()for dynamic metadata
🛠️ Tech Stack
- Next.js 14+ (App Router)
- JavaScript
- CSS (Custom Properties)
- REST Countries API