Build a Fullstack Marketplace Clone with Next.js and ImageKit
In this tutorial, You will learn how to build a fullstack marketplace clone using Typescript, latest Next.js (with server components and server acitons), MongoDB and ImageKit for image upload and storage.
This ~10-hours tutorial is designed for beginners and will teach you how to build a fb marketplace clone. By the end of this tutorial you will have a really nice looking project that will stand out on your portfolio.
Source code: https://github.com/dejwid/marketplace
Demo: https://marketplace-dawid.vercel.app/
Signup for ImageKit’s forever free plan: https://bit.ly/49zmXkt
ImageKit's docs: https://bit.ly/3VXRK7u
Timestamps:
00:00:00 - intro
00:04:29 - header and authenticaiton
00:47:49 - new ad form
01:58:34 - location picker
03:48:41 - saving ad to database
03:55:06 - single add page
05:13:53 - listing ads
05:35:37 - search by text & category
06:42:45 - filter by price
07:06:09 - distance & location filter
08:39:38 - edit/delete product
09:48:11 - user ads & logout
10:17:56 - outro
Watch video Build a Fullstack Marketplace Clone with Next.js and ImageKit online without registration, duration hours minute second in high quality. This video was added by user Coding With Dawid 12 May 2024, don't forget to share it with your friends and acquaintances, it has been viewed on our site 14,191 once and liked it 736 people.