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

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

freeCodeCamp.org via freeCodeCamp Direct link

⌨️ search, filter gigs

18 of 27

18 of 27

⌨️ search, filter gigs

Class Central Classrooms beta

YouTube videos curated by Class Central.

Classroom Contents

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

Automatically move to the next video in the Classroom when playback concludes

  1. 1 ⌨️ Demo and Intro
  2. 2 ⌨️ Setup - Convex, Clerk, NextJS, ShadCN
  3. 3 ⌨️ Create gig page
  4. 4 ⌨️ Database schema
  5. 5 ⌨️ gig.ts - gig backend functions
  6. 6 ⌨️ useApiMutation.ts
  7. 7 ⌨️ categories and subcategories
  8. 8 ⌨️ store user to database
  9. 9 ⌨️ edit gig page
  10. 10 ⌨️ gig edit backend functions
  11. 11 ⌨️ add images to gig
  12. 12 ⌨️ confirm popup window modal
  13. 13 ⌨️ gig description
  14. 14 ⌨️ title editor
  15. 15 ⌨️ offers editor
  16. 16 ⌨️ stripe part 1 - addPrice
  17. 17 ⌨️ homepage - browser gigs
  18. 18 ⌨️ search, filter gigs
  19. 19 ⌨️ gig image, action menu
  20. 20 ⌨️ gig page
  21. 21 ⌨️ stripe part 2 - pay link
  22. 22 ⌨️ stripe part 3 - seller account connection
  23. 23 ⌨️ user profile page
  24. 24 ⌨️ reviews
  25. 25 ⌨️ advanced navbar
  26. 26 ⌨️ manage gigs page
  27. 27 ⌨️ inbox, messages

Never Stop Learning.

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

Someone learning on their laptop while sitting on the floor.