Now Playing API Integration

Live

Integrasi API Spotify untuk menampilkan status lagu yang sedang diputar secara realtime pada bagian footer website.

Overview

Integrasi ini dibuat untuk menampilkan konteks aktivitas musik saat ini secara realtime. Implementasi difokuskan pada fallback yang aman saat kredensial tidak tersedia.

Highlights

Menggunakan API route di Next.js sebagai lapisan antara client dan Spotify API.
Menambahkan fallback state agar komponen tetap stabil saat API tidak merespons.
Membuat komponen footer tetap ringan meskipun data diperbarui secara berkala.

Tech Stack

Next.js API RoutesSWRSpotify API

Tahun: 2026