Build and Deploy a Full Stack Next 14 MERN Events App with Stripe, Typescript, Tailwind
JavaScript Mastery JavaScript Mastery
962K subscribers
271,714 views
6.2K

 Published On Dec 15, 2023

Build an event organization web app like Eventbrite or Meetup with authentication, event management, search, filtering, categories, checkout, and payments using Next JS 14, Tailwind CSS, Shadcn, React Hook Form, Zod, Uploadthing, React-Datepicker, Mongoose, Clerk, and Stripe.

⭐ Clerk: https://dub.sh/j4oY3Io

🌟 Become a top 1% Next.js 14 developer in only one course: https://jsmastery.pro/next14

📚 Materials/References:
GitHub Repository (give it a star ⭐): https://github.com/adrianhajdin/event...
Code and Assets: https://github.com/adrianhajdin/event...

💻 Join our Discord Community -   / discord  
🐦 Follow us on Twitter:   / jsmasterypro  
🖼️ Follow us on Instagram:   / javascriptmastery  

💼 Business Inquiries: [email protected]

Time Stamps
00:00:00 - Intro
00:02:53 - Setup
00:19:53 - Header
00:22:58 - Clerk
00:46:06 - Footer
00:48:27 - Home
00:55:49 - MongoDB Connection
01:11:58 - Webhooks & Clerk
01:29:44 - Deployment
01:37:34 - Create Event
01:48:00 - Zod Validation
01:55:01 - Dropdown
02:05:45 - File uploader
02:20:25 - Date picker
02:33:34 - Form Submission & Actions
03:06:21 - Events Details Page
03:27:43 - Collection (homepage)
03:41:26 - Card
03:54:31 - Delete Confirmation Dialog
03:59:32 - Update/Edit Events
04:11:55 - Related Events
04:16:11 - Profile Page
04:29:22 - Checkout & Stripe
05:03:50 - Order Details
05:06:44 - Search
05:17:03 - Category Filter
05:26:11 - Pagination
05:33:10 - App check and refining
05:36:16 - Final Deployment

show more

Share/Embed