Next.js 14 App Router ile geliştirilen, DummyAPI'den kullanıcı ve gönderi verilerini listeleyen, sayfalayan ve frontend'de arama yapabilen modern bir görev uygulaması.
Kategori
Frontend
Durum
Tamamlandı
GitHub İstatistikleri
Oluşturulma
3 Oca 2024
Son Güncelleme
9 Oca 2024
Bu projede Next.js ile DummyAPI verisini kullanan, kullanıcı ve gönderi listeleme odaklı bir görev uygulaması geliştirdim.
Kullanıcı ve gönderi verilerini tek arayüzde düzenli şekilde göstermek, sayfalamak ve aratmak gerekiyordu. Backend tarafında arama desteği sınırlı olduğu için özellikle kullanıcı ve gönderi aramasını frontend tarafında çözme ihtiyacı vardı.
Projeyi Next.js 14 App Router yapısında kurdum. Veri çekme tarafında axios, state yönetiminde Redux Toolkit kullandım. Kullanıcılar ve gönderiler için listeleme, pagination ve arama akışlarını ekledim; etiket aramasını doğrudan API desteğiyle, diğer aramaları ise döngü tabanlı bir frontend yaklaşımıyla çözdüm.
Ortaya veri tüketimi, sayfalama ve arama mantığını net gösteren sade bir Next.js uygulaması çıktı. Tasarım tarafını basit tutup veri akışını ve uygulama yapısını öne çıkardım.
Next.js, React, JavaScript, Redux Toolkit, React Redux, Axios, Tailwind CSS, React Icons, React Toastify