A real-time widget that shows what I'm currently listening to on Spotify — built with Next.js API routes, SWR polling, and smart caching.

DEPENDENCIES
swrnextreactreact-icons
INTERACTION TYPE
Widget updates every 30 seconds
Shows album art and track info
Displays idle state when nothing is playing
HOW TO USE
import NowPlaying from "@/components/ui/now-playing";

export default function MyPage() {
  return (
    <div className="flex items-center justify-center p-8">
      <NowPlaying />
    </div>
  );
}