Full Stack Tutorial - Fiverr Clone with NextJS, React, Convex, Typescript, Tailwind CSS, ShadCN
Vložit
- čas přidán 23. 05. 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: 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: www.freecodecamp.org
Read hundreds of articles on programming: freecodecamp.org/news
Thank you for posting it and I'm glad I can contribute to freeCodeCamp and open source community! 😀
This channel is just incredible
I have been following you for 4 years since I was in high school and making my first steps in programming and I am extremely grateful for everything this channel has to offer. Truly amazing projects and useful before everything. I was curious whether there will be any course about Fortran for scientific simulations and supercomputing? It would have been awesome!
Finally convex getting the appreciation it needed
This is helpful 🖤
Looks great! I wish there was a project to make Amino: Communities and Fandom clone.
Thanks ❤
Wow great
Awesome
plz create a full stack tutorial using nestjs and angular
Hi mate, thanks for this video its great, my next.js application is getting an error returned from convex saying that the app isn't authorized...How do I authorize my applicaiton with convex? Is it a whitelisting issue or do I need account managed access for convex?
Am I right in thinking that any user can edit any users gig with this method?
Full stack developer path learning
👍
What
Not sure if anyone would reply to this, but is Convex similar to something like Supabase? Asking from a newbie
Supabase is an open source alternative for firebase, convex is somewhat very data driven or data centric service provider. They are slightly the same but not the same lol.
@@jayeshchouhan3054 I see, thanks. As long as it's somewhat free, then I'll have no issues for it lol.
Taking attendence if you're full stack develops😊
My first, i'm newbie😂
1hr 59min in, the gig media delete button is not appearing with correct styling so I cannot click it
Can u self host convex?
Cool
Woah this is amazing, thanks for creating this @vukrosic!
hallelujah
Shad
First comment
Please make on JavaScript as well
First.view
why javascript mastery channel is not featured in this channel
U can choose not watch man
You know, a full stack tutorial is nice and all, but I really would prefer a shortstack tutorial.
What is shortstack
I'd prefer no stack :)
@@SjarMenace I think it is a joke
Thanks for this