Configure Stripe for Production and Deploy Next.js Application with Vercel
There are a few steps to go through to push our application and all of our services to production!
In order to "activate" our Stripe account, we need to fill out some details about our business.
Update everywhere
[http://localhost:3000](http://localhost:3000)is referenced in our application to use theCLIENT_URLenvironment variable, which can be set to localhost in.env.local.Create a GitHub repo, and commit and push all of our changes.
Create a Vercel account, import project from GitHub, configure all environment variables and deploy!
Use our Vercel domain to configure our Customer Portal and Webhooks in Stripe.
Update
STRIPE_SIGNING_SECRETenvironment variable in Vercel and manually redeploy.Update our Site URL in Supabase and remove our test
userandprofilerecords.Create a function hook in Supabase to use our Vercel domain
We now have a SaaS application deployed to the Internet that we can start making that side hustle money from!! 🎉
This tutorial was great and helped me create my Saas. I have one issue now that my application is live. I have changed my stripe secret key, but when I create a user, I am no longer getting the stripe ID in the stripe_customer field. Any clues as to why this is happening? I'm currently not getting any errors.
Actually I just figured out my problem. I change my webhook in supabase to mydomain.com/api/create-stripe-customer but I should've just left it at the initial vercel domain that was added in the previous tutorial.
Your remarkable efforts blew me away. I just started with Next.js and I think it will be very helpful for me in the future.