π΄ Lets build a Ticket Marketplace SAAS with NEXT.JS 15 (Convex, Stripe Connect, Clerk, Tailwind, TS)
1οΈβ£ Get Started with Convex π https://convex.dev/c/sonnysangha
2οΈβ£ Get Started with Clerk π https://go.clerk.com/34AwsuT
3οΈβ£ Get Started with lcl.host π https://lcl.host
βοΈGet the Complete Source Code for FREE π https://www.papareact.com/ticketr-build-form
π¨ Join the worldβs BEST developer community & course Zero to Full Stack Hero: https://www.papareact.com/course
π οΈ Looking for the Code for this build? (Plus over 50+ others!)
https://links.papareact.com/github
Join me as I show you how to build a Ticketing Marketplace SAAS App from scratch with Next.js 15. You’ll learn the following in this build:
π How to implement a Real-time Queue System while booking a ticket with Smart queuing system and position updates
π How to implement Rate Limiting Feature to limit the number of people in the ticket purchase queue
π How to implement a fully functional seller dashboard to manage events, tickets and more
π Complete CRUD Functionality for Events, including providing refunds for tickets if an event is cancelled
π How to manage ticket purchases with Secure payment processing with Stripe Connect
π How to implement Clerk Authentication to add User Authentication with ease, including Multi Factor Authentication!
π Create a Beautiful UI & UX for our Frontend using the highly Popular Shadcn & Tailwind CSS
π How to use TypeScript to reduce the overall number of Bugs and Errors
π How to deploy the final build to Vercel
+ Much more!
π΅ WANT TO LISTEN TO THE EXCLUSIVE PAPAFAM PLAYLIST?
Sign up for the PAPAFAM Newsletter here π https://links.papareact.com/newsletter
π TIMESTAMPS:
0:00 Introduction
1:05 Build Demo
11:30 Convex for the Backend
16:10 Clerk for Authentication
17:50 Why Use lcl.host
23:52 Build Tech Stack
36:50 Initialising the Build
41:30 Implementing Shadcn/ui
43:35 Setting Up Clerk for Authentication (+ Multi-factor Authentication)
50:53 Setting Up Convex
1:10:13 Building the Header Component (1/2)
1:17:56 Building the Search Bar Component
1:23:13 Building the Header Component (2/2)
1:25:55 Making Sure that Users Sync between Convex & Clerk
1:42:51 Building the Event List Component
1:51:02 Building the Upcoming & Past Events Section
1:52:48 Building the Event Card Component (1/2)
1:56:08 Creating Helper Functions
2:04:52 Building the Waiting List API (1/2)
2:08:44 Creating Helper Functions
2:10:27 Building the Event Card Component (2/2)
2:29:35 Building the Purchase Ticket Component
2:37:55 Building the Release Ticket Functionality
2:42:56 Building the Event Page
2:52:12 Building the Join Queue Component (+ Toast Notifications)
2:56:52 Creating Helper Functions for the Queue System
3:06:46 Building the Join Queue Functionality
3:13:26 Building the Process Queue Functionality
3:20:17 Fixing the UI with Live Debugging
3:28:25 Building the Seller Page
3:30:03 Setting Up Stripe Connect
3:36:33 Creating Stripe Connect Actions
3:52:29 Building the Seller Dashboard
4:11:31 Building the Create Event Functionality
4:14:49 Building the Event Form Component
4:31:26 Building the Edit Event Functionality
4:34:51 Completing Stripe Connect Implementation
4:37:55 Implementing the Buy Ticket Functionality
4:43:57 Creating a Webhook for the Ticket Purchase Event
4:54:54 Implementing the Ability to View Your Purchased Ticket(s)
5:04:39 Building the Ticket Card Component
5:06:14 Building the My Ticket Page
5:08:45 Implementing the Search Functionality
5:14:50 Building the Seller Events Page
5:16:57 Building the Seller Event List Component
5:20:11 Building the Seller Event Card Component
5:23:15 Implementing the Cancel Event Functionality
5:25:07 Implementing the Refund Ticket Functionality for a Cancelled Event
5:32:07 Deploying to Vercel & Final Deployed Build Demo
5:57:30 Explaining Cron Jobs by Convex
5:58:16 Build Summary
5:58:36 Outro
Letβs get it PAPAFAM π₯.
DISCLAIMER: This Video is made for informational and educational purposes only. We do not own or affiliate with Ticketmaster and/or any of its subsidiaries in any form. Copyright Disclaimer Under section 107 of the Copyright Act 1976, allowance is made for βfair useβ of this video for educational purposes.
#nextjs15 #saas #reactjs #ai #javascript #backend #shadcn #openai #convex #coding #tutorial #beginner #programming