Скачать или смотреть Build your own SaaS Starter Kit with Next.js, Convex & Clerk (Step-by-Step Tutorial)

Build Your SaaS App Faster – Full Next.js Starter Kit Setup (Convex + Clerk)

This is the full step-by-step guide to setting up authentication and payments for your app using Next.js 15, Convex, and Clerk — the stack I personally use to build products in record time.

What you’ll learn:
✅ Set up the full stack locally in minutes
✅ Auth with Clerk (Google, email, etc.)
✅ Real-time database with Convex
✅ Payments with Clerk billing (no Stripe config nightmares)
✅ Deploy to production
✅ Handle edge cases that kill most Stripe integrations
✅ Walk through GitHub repo structure and how to extend it

Resources:
👉 Starter Kit on GitHub: github. com/artem-lazarev/elite-next-clerk-convex-starter

Who this is for:
Whether you’re a solo founder, indie hacker, or new dev launching your first SaaS — this starter kit gives you a battle-tested foundation you can trust.

💬 Got questions or want to see more advanced features? Drop a comment below and I’ll cover it in future videos.

OUTLINE
0:00 - Intro
0:25 - Demo: Landing Page & Features Overview
0:50 - Demo: Real-Time Convex Database
1:25 - Demo: Payment Gated Dashboard
1:51 - Demo: Managing Subscription Plans with Clerk Billing
2:47 - Demo: Payment Flow & Customer Portal
3:36 - Demo: Fast Tab Switching with Optimistic Rendering
4:08 - Starting From Scratch - Empty Folder Setup
4:43 - Creating Next.js App
5:26 - Adding Shadcn Dashboard
6:17 - Building Landing Page with Tailer.ch
8:06 - Setting Up Authentication - Clerk & Convex
9:00 - Creating Clerk Account
9:47 - Configuring JWT Template
10:52 - Installing Dependencies
11:59 - Running Convex Dev
12:43 - Adding Auth Config
14:44 - Setting Up Middleware
15:10 - Creating Convex Client Provider
16:00 - Implementing Login/Signup Buttons
19:58 - Configuring Modal vs Redirect Authentication
23:04 - Setting Up Redirect After Login
24:17 - Protecting Dashboard Route
26:05 - Creating Shared Dashboard Layout
28:28 - Adding Route Navigation
29:48 - Building Payment Gated Page
32:08 - Setting Up Clerk Billing
32:52 - Creating Subscription Plans
33:12 - Adding Pricing Table Component
34:10 - Implementing Payment Protection
35:00 - Adding Customer Portal
37:01 - Optimizing Route Switching Performance
38:58 - Styling Active Navigation States
40:44 - Syncing Users to Convex Database
42:00 - Creating User Schema
43:00 - Setting Up Webhooks
45:37 - Live Demo: User Sync
47:25 - Handling Billing Events (Optional)
48:37 - Recap & Conclusion