Full Stack Tutorial – Fiverr Clone with NextJS, React, Convex, Typescript, Tailwind CSS, ShadCN
freeCodeCamp.org freeCodeCamp.org
9.46M subscribers
34,681 views
0

 Published On May 1, 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-fi...

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

show more

Share/Embed