blog/spotify-now-playing

[utterances-bot]

How to show Now Playing in Spotify with Next.js – theodorusclarence.com

Spotify API grants us access to know what is currently played on your Spotify.

https://theodorusclarence.com/blog/spotify-now-playing

[theodorusclarence]

Hello, kindly leave a like (or 5 😄), and comment if you got something to ask! 🚀

[marydotdev]

This post was super helpful! I didn't realize I wasn't formatting the base64 code correctly until I read this post. I finally got the refresh token and everything else working, but I keep getting an error that I can't figure out how to solve so I wanted to post it here in case you or anyone else reading could help. Thanks again for the great post! :)

error - pages/api/now-playing.js (17:36) @ handler
TypeError: Cannot read property 'map' of undefined
  15 |     const isPlaying = song.is_playing;
  16 |     const title = song.item.name;
> 17 |     const artist = song.item.artist.map((_artist) => _artist.name).join(', ');
     |                                    ^
  18 |     const album = song.item.album.name;
  19 |     const albumImageUrl = song.item.album.images[0].url;
  20 |     const songUrl = song.item.external_urls.spotify;

[theodorusclarence]

Hey @marydotdev, sorry for the late response, I've updated the blog and linked a new TypeScript version that I'm using on this site.

[Jaylxnn]

For some reason while changing up things a bit in the component, I get a result of undefined. Is there anyway to fix this result?

[theodorusclarence]

can you specify what you changed?

[Jaylxnn]

Just stuff inside the return, I can send you the code of both API & component, so I'm kind've confused why it isn't working