Full Stack Tutorial - Fiverr Clone with NextJS, React, Convex, Typescript, Tailwind CSS, ShadCN

Overview

Embark on a comprehensive full-stack development journey with this 6-hour tutorial that guides you through building a Fiverr clone using NextJS, React, Convex, TypeScript, Tailwind CSS, and ShadCN. Master essential skills including setting up the development environment, creating gig pages, designing database schemas, implementing backend functions, and integrating Stripe for payments. Dive into advanced features like user authentication, image uploads, search and filtering capabilities, messaging systems, and review functionalities. Perfect your full-stack expertise by constructing a fully-functional freelance marketplace platform from start to finish.

Syllabus

⌨️ Demo and Intro
⌨️ Setup - Convex, Clerk, NextJS, ShadCN
⌨️ Create gig page
⌨️ Database schema
⌨️ gig.ts - gig backend functions
⌨️ useApiMutation.ts
⌨️ categories and subcategories
⌨️ store user to database
⌨️ edit gig page
⌨️ gig edit backend functions
⌨️ add images to gig
⌨️ confirm popup window modal
⌨️ gig description
⌨️ title editor
⌨️ offers editor
⌨️ stripe part 1 - addPrice
⌨️ homepage - browser gigs
⌨️ search, filter gigs
⌨️ gig image, action menu
⌨️ gig page
⌨️ stripe part 2 - pay link
⌨️ stripe part 3 - seller account connection
⌨️ user profile page
⌨️ reviews
⌨️ advanced navbar
⌨️ manage gigs page
⌨️ inbox, messages