Next.js + GraphQL + SSR kullanılarak geliştirilmiş ülke bilgi görüntüleyici mini proje.
Bu proje, kullanıcıdan alınan ülke koduna göre sunucu tarafında (SSR) GraphQL API üzerinden veri çekerek ilgili ülkenin adını, başkentini, para birimini, konuşulan dilleri ve bayrağını görüntüler.
- Next.js — Pages Router yapısı
- GraphQL — Ülke verileri için
- Apollo Client — GraphQL sorguları
- TypeScript — Tip güvenliği için
- countries.trevorblades.com — Ücretsiz GraphQL API
- ✅ Sunucu taraflı render (SSR) ile SEO uyumlu yapı
- ✅ GraphQL ile dinamik veri çekme
- ✅ Apollo Client kullanımı
- ✅ Kullanıcıdan alınan ülke koduna göre yönlendirme
- ✅ TypeScript ile yazılmış güçlü yapı
Arama Ekranı | Ülke Detayları |
---|---|
![]() |
![]() |
Ekran görüntülerini
public/screens
klasörüne ekleyerek bu kısmı özelleştirebilirsin.
git clone https://github.com/kullanici-adin/country-info-viewer.git
cd country-info-viewer
npm install
npm run dev