Build a Fullstack E-commerce using Next.js (react.js, mongo, tailwind, styled components)
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-admin
Front: https://github.com/dejwid/ecommerce-front
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