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