Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Build and Deploy a Full Stack MERN Events App with Next.js 14 - Stripe, TypeScript, and Tailwind

JavaScript Mastery via YouTube

Overview

Develop a comprehensive full-stack event organization web application using Next.js 14, MERN stack, and Stripe. Master authentication, event management, search functionality, filtering, categorization, checkout processes, and payment integration. Utilize modern technologies including Tailwind CSS, Shadcn, React Hook Form, Zod, Uploadthing, React-Datepicker, Mongoose, and Clerk. Progress through a structured curriculum covering setup, user interface components, database connections, form validations, file uploads, date picking, CRUD operations, related events, user profiles, Stripe integration, search and filter implementations, and pagination. Conclude with thorough app refinement and deployment strategies.

Syllabus

- Intro
- Setup
- Header
- Clerk
- Footer
- Home
- MongoDB Connection
- Webhooks & Clerk
- Deployment
- Create Event
- Zod Validation
- Dropdown
- File uploader
- Date picker
- Form Submission & Actions
- Events Details Page
- Collection homepage
- Card
- Delete Confirmation Dialog
- Update/Edit Events
- Related Events
- Profile Page
- Checkout & Stripe
- Order Details
- Search
- Category Filter
- Pagination
- App check and refining
- Final Deployment

Taught by

JavaScript Mastery

Reviews

Start your review of Build and Deploy a Full Stack MERN Events App with Next.js 14 - Stripe, TypeScript, and Tailwind

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.