Build a Fullstack E-commerce using Next.js (react.js, mongo, tailwind, styled components)

Published: 11 April 2023
on channel: Coding With Dawid
908,659
28k

In this tutorial, You will learn how to build a fullstack ecommerce app using next.js and mongo database. It will be 2 projects with a lot of cool functionality.

This ecommerce tutorial is designed for beginners and will teach you the basics of building a ecommerce shops with next.js. By the end of this tutorial, you will have a working ecommerce / webshop that you can use for your portfolio.

Source code:
Admin: https://github.com/dejwid/ecommerce-a...
Front: https://github.com/dejwid/ecommerce-f...

Check out the extended version of this course!
https://dawid.link/ecommerce

Timestamps:
00:00:00 - Intro and demo
00:03:25 - admin setup with tailwind
00:07:51 - admin authentication
00:28:32 - admin basic design
00:51:51 - admin - products management
03:03:06 - admin - categories management
05:15:55 - admin - security
05:36:24 - making admin mobile responsive
06:30:07 - e-commerce front - featured product
07:32:36 - front - latest products
08:14:47 - add to cart
09:17:29 - stripe checkout
09:48:38 - admin - show orders
10:12:59 - stripe webhook
10:31:50 - front - all products page
10:44:05 - single product page
11:17:54 - making e-commerce front responsive
11:49:15 - outro


Watch video Build a Fullstack E-commerce using Next.js (react.js, mongo, tailwind, styled components) online without registration, duration hours minute second in high quality. This video was added by user Coding With Dawid 11 April 2023, don't forget to share it with your friends and acquaintances, it has been viewed on our site 908,659 once and liked it 28 thousand people.