Chapters (27)
- 0:00Demo and Intro
- 3:27Setup - Convex, Clerk, NextJS, ShadCN
- 19:21Create gig page
- 34:46Database schema
- 46:01gig.ts - gig backend functions
- 54:56useApiMutation.ts
- 59:35categories and subcategories
- 1:08:51store user to database
- 1:13:57edit gig page
- 1:33:56gig edit backend functions
- 1:45:28add images to gig
- 1:57:29confirm popup window modal
- 2:00:18gig description
- 2:06:02title editor
- 2:12:31offers editor
- 2:25:41stripe (part 1 - addPrice)
- 2:29:03homepage - browser gigs
- 3:07:52search, filter gigs
- 3:18:57gig image, action menu
- 3:37:08gig page
- 4:09:04stripe (part 2 - pay link)
- 4:15:51stripe (part 3 - seller account connection)
- 4:29:45user profile page
- 4:49:13reviews
- 5:12:28advanced navbar
- 5:19:13manage gigs page
- 5:36:06inbox, messages
Show the creator's full description
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
❤️ Try interactive React courses we love, right in your browser: https://scrimba.com/freeCodeCamp-React (Made possible by a grant from our friends at Scrimba)
⭐️ 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
Description and video by freeCodeCamp.org. This page is an independent companion view; the video is embedded from YouTube.