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
Software as a ServiceUniversity of California, Berkeley via Coursera Intro to Computer Science
University of Virginia via Udacity Web Development
Udacity Software Engineering for SaaS
University of California, Berkeley via Coursera CS50's Introduction to Computer Science
Harvard University via edX