Documentation home page
Search...
⌘K
Ask AI
Support
Dashboard
Dashboard
Search...
Navigation
Social Sign In
Sign In with Spotify
Documentation
Reference
Guides
Documentation
Documentation
Community
Blog
Quickstarts
React
Next.js
Vue
Tutorials
React
Next.js
Vue
Database
Configuring Postgres
List of Available Extensions
Performance
AI
Enabling Service
Local Development
Auto-Embeddings
Assistants
Developer Assistant
Authentication
Overview
Users
Social Sign In
Sign In with Apple
Sign In with Discord
Sign In with Facebook
Sign In with GitHub
Sign In with Google
Sign In with LinkedIn
Sign In with Spotify
Sign In with Twitch
Sign In with WorkOS
Social Provider Connect
Email and Password
Magic Links
SMS OTP
WebAuthn and Security Keys
Elevated Permissions
Email Templates
API / Hasura
Configuring Hasura
Permissions
Storage
Overview
CDN
Antivirus
Functions
Overview
Run
Getting Started
Configuration
Networking
Healthchecks
Resources
Registry
Local development
Configuration Overlays
CLI & CI Deployments
CLI
Local Development
Migrate to Nhost Config
Running Multiple Projects
Configuration Overlays
Seeds
On this page
Create Spotify Account
Create Spotify App
Configure OAuth Callback URL
Configure Nhost
Sign In Users
Social Sign In
Sign In with Spotify
Follow this guide to sign in users with Spotify.
Create Spotify Account
Create a new
Spotify account
if you don’t have one already.
Create Spotify App
Go to the
Spotify Developer Dashboard
.
Click on CREATE AN APP.
Fill in an App name and App description.
Check the box to agree Spotify’s
Developer Terms of Service
and
Branding Guidelines
.
Configure OAuth Callback URL
Click EDIT SETTINGS.
A modal appears.
Fill in
Redirect URIs
with your
OAuth Callback URL
from Nhost.
Click ADD to add the OAuth callback URL.
Click SAVE.
Configure Nhost
Click SHOW CLIENT SECRET in the Spotify App Dashboard.
Copy and paste the
Client ID
and
Client Secret
from Spotify to your Nhost OAuth settings for Spotify.
Click the checkbox “
I have pasted the redirect URI into Spotify”
.
Click
Confirm settings
.
Sign In Users
Use the
Nhost JavaScript client
to sign in users:
Copy
Ask AI
nhost
.
auth
.
signIn
({
provider:
'spotify'
})
Sign In with LinkedIn
Sign In with Twitch
Assistant
Responses are generated using AI and may contain mistakes.