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
Смотрите видео Build a Fullstack Marketplace Clone with Next.js and ImageKit онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Coding With Dawid 12 Май 2024, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 14,191 раз и оно понравилось 736 людям.