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

freeCodeCamp

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

via freeCodeCamp

Start learning Write review
CodeSignal Ad

Learn Generative AI, Prompt Engineering, and LLMs for Free

Learn More → DataCamp Ad

PowerBI Data Analyst - Create visualizations and dashboards from scratch

Learn More →

Overview

Google, IBM & Meta Certificates – 40% Off
One Coursera Plus subscription covers most Professional Certificates on Coursera.
Unlock All Certificates
This course walks through building a Fiverr-style full-stack marketplace with NextJS, React, Convex, TypeScript, Tailwind CSS, ShadCN, Clerk, and Stripe. It covers gig creation and editing, search and filtering, profiles, reviews, messaging, and seller payments.

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

Taught by

freeCodeCamp.org

Reviews

Start your review of Full Stack Tutorial - Fiverr Clone with NextJS, React, Convex, Typescript, Tailwind CSS, ShadCN

Start learning

Never Stop Learning.

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

Sign up for free
Someone learning on their laptop while sitting on the floor.