Build and Deploy a Full Stack MERN Events App with Next.js 14 - Stripe, TypeScript, and Tailwind
Offered By: JavaScript Mastery via YouTube
Course Description
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
Related Courses
Facilitating ERPsim: Running Successful Business Simulation Games with ERPsim (Partner Course)HEC Montréal via SAP Learning Sport Event Management
University of Ottawa via Independent Major Sport Events: Winning Through Diversity and Inclusion
Griffith University via FutureLearn Le tourisme c'est culturel
CNAM via France Université Numerique Sustainability & Major Sport Events: Implementation
Hamad Bin Khalifa University via edX