Invalid Callback URL
I am getting the error above when trying to log in within a Next JS app in production (Vercel).
As you can see, these are the callback URLs I have in the Kinde app, but it is still not working. I already checked for empty spaces.
I also provide a picture of my env variables (I redeployed several times with the updated env variables, but still nothing...)



2 Replies
I just solved the issue now!
Seems like the right callback URL for my page is the following:
https://scheduler-six-mu.vercel.app/api/auth/kinde_callback
Awesome to hear you resolved it. Also just an FYI that we have this video up guiding on how to deploy on Vercel https://youtu.be/ZNuE7CkB6ck?si=jg_YkmDCoCfLv33L
Kinde
YouTube
How to deploy a Kinde Next.js app with Vercel
Software engineer Peter takes you through how to deploy a Kinde app using Vercel, and covers the common pitfalls involved.
00:00 - App demo
0:46 - Creating a project on Vercel
1:19 - Initialising Github repo
2:49 - Setting up environment variables on Vercel
4:00 - Deploying and visiting the app on the Vercel Domain
5:13 - Updating environment ...