Starwars Apollo GraphQL

Kısa Açıklama

Bu projede Star Wars verisini GraphQL üzerinden alıp listeleyen, detay sayfası ve sayfalama akışı olan React tabanlı bir uygulama geliştirmişim.

Problem

REST tabanlı veri çekme örneklerinde gereksiz veri yükleme ve karmaşık istek yapıları oluşabiliyor. Bu projede GraphQL kullanarak sadece ihtiyaç duyulan alanları çektiğim daha temiz bir veri akışı kurmaya odaklanmışım.

Çözüm

Uygulamayı React, TypeScript ve Apollo Client ile kurmuşum. SWAPI GraphQL endpoint üzerinden karakter listesini sayfalı şekilde çekiyor, detay sayfasında seçilen karakterin film, tür ve gezegen bilgilerini ayrı sorgularla getiriyorum. Router ile sayfa geçişini yönetmiş, sorgu durumlarını loading ve error state üzerinden kontrol etmişim.

Sonuç

Ortaya GraphQL sorgu mantığını net gösteren küçük ama temiz bir örnek uygulama çıkmış. Proje Apollo Client kullanımı, sayfalı sorgular ve bileşen bazlı veri çekme akışını pratik bir yapıda gösteriyor.

Teknolojiler

React, TypeScript, Apollo Client, GraphQL, React Router DOM, Vite, Tailwind CSS

Kurulum