Spotify API Authentication in Next.js with Netlify API Auth

🧐 What's Inside

00:00 - Intro
03:09 - Setting up a new repository in GitHub from a local project
04:54 - Enabling the API Authentication feature in Netlify Labs
05:29 - Adding API Authentication and connecting to the Spotiy API with a Netlify Site
06:59 - Installing and logging in with the Netlify CLI to locally develop with the Netlify Site environment
09:55 - Using Netlify Function helpers to get enviroment secrets and Spotify session token
11:43 - Fetching top artists and tracks from the Spotify Web API
18:49 - Outro

🗒️ Read More

💾 Code

🔔 Subscribe for more tech and developer videos

🐦 Get updates straight to your Twitter @colbyfayock

📸 Catch the next stream live on Twitch @colbyfayock

✉️ Or a newsletter right to your inbox!

💝 Sponsor me for more free content like this!

🎥 Want to know what A/V equipment I use?

🧰 More Resources

Demo Top Music Starter

First Look: Announcing API Authentication on Netlify

Spotify Web API

Netlify Function Helpers

🎼 Music
Music from Uppbeat (free for Creators!):
License code: RU94EK8FRDQ3QCJL

#colbyfayock #spotify #nextjs #netlify #webapi #api #music #webdevelopment

[randysmachado]

Awesome!! I was studying the spotify API, but the token was always expiring. This Netlify solution is perfect.
Thank you so much Colby, your content is fantastic!!

[feliciafel]

This is an amazing tutorial, thank you for sharing this

[rohansalunkhe]

I have learnt so many things from you. Thank you !

[tovatic]

Nice video 👍, what's the name of the font family you used for this project?

[dudiyalov]

Can you give an example of a connection to Twitter where there are user and client keys.

[lanceg]

I tried to follow your walk through but I'm not able to get the secret using getSecrets function from netlify/functions, made it all the way to this point. Has something changed since your demo?

[rahulsriram]

is this possible with svelte kit? amazing video thanks man

[bradenm]

You're better off handling oauth manually