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

By freeCodeCamp.org
Published: May 01, 2024

“
Learn how to create a fiverr clone with NextJS, React, Convex, Typescript, Tailwind CSS, ShadCN. This is a great project for improving your skills as a full stack developer.

Code: https://github.com/vukrosic/next14-fiverr

Course created by @vukrosic

?? Contents ??
?? (0:00:00) Demo and Intro
?? (0:03:27) Setup – Convex, Clerk, NextJS, ShadCN
?? (0:19:21) Create gig page
?? (0:34:46) Database schema
?? (0:46:01) gig.ts – gig backend functions
?? (0:54:56) useApiMutation.ts
?? (0:59:35) categories and subcategories
?? (1:08:51) store user to database
?? (1:13:57) edit gig page
?? (1:33:56) gig edit backend functions
?? (1:45:28) add images to gig
?? (1:57:29) confirm popup window modal
?? (2:00:18) gig description
?? (2:06:02) title editor
?? (2:12:31) offers editor
?? (2:25:41) stripe (part 1 – addPrice)
?? (2:29:03) homepage – browser gigs
?? (3:07:52) search, filter gigs
?? (3:18:57) gig image, action menu
?? (3:37:08) gig page
?? (4:09:04) stripe (part 2 – pay link)
?? (4:15:51) stripe (part 3 – seller account connection)
?? (4:29:45) user profile page
?? (4:49:13) reviews
?? (5:12:28) advanced navbar
?? (5:19:13) manage gigs page
?? (5:36:06) inbox, messages

???? Thanks to our Champion and Sponsor supporters:
???? davthecoder
???? jedi-or-sith
???? ????
???? Agustín Kussrow
???? Nattira Maneerat
???? Heather Wcislo
???? Serhiy Kalinets
???? Justin Hual
???? Otis Morgan
???? Oscar Rahnama

—

Learn to code for free and get a developer job: https://www.freecodecamp.org

Read hundreds of articles on programming: https://freecodecamp.org/news

[READ MORE]

”