Cuaca Real-time
Next.jsTypeScriptOpenWeather APITailwind CSS
— tentang project
Aplikasi cuaca real-time dengan geolokasi browser dan prediksi 7 hari. Mendukung PWA untuk akses offline.
tantangan
Mengintegrasikan API cuaca gratis dengan rate limit ketat sambil menjaga akurasi data.
solusi
Implementasi caching di edge dengan SWR, fallback ke data lokal, dan debouncing pada request geolokasi.
— highlights
- Geolokasi browser + fallback input manual kota
- PWA support dengan service worker untuk offline viewing
- Animasi cuaca dinamis dengan Framer Motion
- Responsive design mobile-first