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.
Build and Deploy a Full Stack MERN Events App with Next.js 14 - Stripe, TypeScript, and Tailwind
JavaScript Mastery via YouTube
Overview
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
-
Full Stack Tutorial - Fiverr Clone with NextJS, React, Convex, Typescript, Tailwind CSS, ShadCN
-
Build a Full Stack Book Store App Using React, Node, MongoDB, and Express
-
Build & Deploy AI SaaS with Reoccurring Revenue (Next.js, OpenAI, Stripe, Tailwind, Vercel)
-
Build a SaaS product with Next.js, Supabase and Stripe
-
Build and Deploy a Full Stack AI SaaS Platform with Next.js 14, TypeScript, and Stripe
-
Build and Deploy a LeetCode Clone with React, Next JS, TypeScript, Tailwind CSS, Firebase
