🔴 Lets build a Ticket Marketplace SAAS with NEXT.JS 15 (Convex, Stripe Connect, Clerk, Tailwind, TS)
Автор: Sonny Sangha
Загружено: Прямой эфир состоялся 21 нояб. 2024 г.
Просмотров: 373 692 просмотра
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-bui...
🚨 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

Доступные форматы для скачивания:
Скачать видео mp4
-
Информация по загрузке: