In this video, Jon Meyers demonstrates how to use Vercel's Subscription Payments Template [1] to bootstrap a Software as a Service product, deployed to production, that can take very real payments!
▶ Get started with Supabase: supabase.com/?...
[1] github.com/vercel/nextjs-subs...
Next.js is one of the most popular modern web frameworks that allows for client and server logic to be interwoven seamlessly. Supabase is a collection of open source tools that wrap around a PostgreSQL database. The `@supabase/ssr` package is the layer that glues these technologies together, configuring cookie-based auth so the user and their session are available throughout the entire Next.js stack.
00:00 The fastest way to build a SaaS product
00:18 Deploying template with Vercel
01:40 Setting Environment Variables
04:28 Creating subscription tiers
06:27 Configure OAuth with GItHub
09:54 Setup Stripe Customer Portal
12:05 Activate Stripe Account
Build SaaS apps and start making real money in 2024 with our latest video. We're showing you the fastest way to build a SaaS product using Vercel's subscription starter, Supabase for backend magic, and Stripe to handle those all-important payments. This isn't just about getting set up; it's about getting your SaaS out there and starting to see the cash flow in.
What you will learn:
✅ Fork and Deploy: Kick things off by forking the Stripe subscription starter to your GitHub. It's the first step to getting your SaaS off the ground.
✅ Supabase Integration: Add the Supabase integration to your project, a crucial move for managing your backend and getting your product ready for use.
✅ Stripe Setup: Get your Stripe account up and running. We'll go through activating your account and setting up those key API keys, so you're ready to take payments.
After this video you will be able to:
✅ Launch Your SaaS: With your Vercel project deployed, your Supabase backend sorted, and Stripe ready to process payments, you'll be set to launch your SaaS product.
✅ Handle Real Payments: With Stripe activated, you're all set to handle real transactions. Say hello to earning from your SaaS product thanks to Supabse integration!
✅ Manage Subscriptions: Dive into Stripe's dashboard using Supabase for the backend to create and manage subscription tiers, giving your users options and boosting your revenue potential.
💻 Videos to watch next:
▶ Fastest way to host a Postgres database: • FASTEST way to host a ...
▶ Fastest way to get started with Next.js and Supabase: • FASTEST way to get sta...
▶ 10 new Supabase features you need to start using: • 10 new Supabase featur...
👇 Learn more about Supabase 👇
🕸 Website: supabase.com/
🏁 Get started: app.supabase.com/
📄 Docs: supabase.com/docs
🔔 Subscribe for more tutorials and feature updates from Supabase: / @supabase
📱 Connect with Us:
▶ GitHub: www.github.com/supabase/supab...
▶ Discord: www.discord.supabase.com/
▶ Twitter: / supabase
▶ Instagram (follow for memes): / supabasecom
ABOUT SUPABASE:
Supabase is the open source Firebase alternative. Supabase provides a full Postgres database for every project with pgvector, backups, realtime, and more. Add and manage email and password, passwordless, OAuth, and mobile logins to your project through a suite of identity providers and APIs.
Build in a weekend, scale to millions.
#Supabase #AppDevelopment #RealtimeApps #DeveloperTools
3 июл 2024
