Ecommerce with Next.js (extended version, 22+ hours)
Ecommerce with Next.js
Build 2 projects using next.js, react and mongo database.
31 videos, ~23 hours of content!
You will learn a lot:
- how to build an enterprise grade e-commerce
- how to connect two projects with the same database
- tailwind.css and styled components
- creating/editing/deleting data using mongoose and mongo database
- next-auth - quickest and the best way add authentication to next.js projects
- axios - most popular lib for doing api requests
- lodash - helper functions to speed up development
- date-fns - date&time operations with ease!
- how to display preloaders & spinners for loading content
- how to make content sortable (drag-n-drop sorting)
and much more (but it's hard to write down everything 😄)
Let me show some cool features we are going to build:
Add-to-cart animation:
reveal animations:
and much more!
See whats included: 👇
00 Intro & demo of both projects (ecommerce front and admin panel)
01 Admin-setup - setting up project with next.js and tailwind.css
02 Admin authentication with next-auth
03 Admin-basic-design
04-admin-products
05-admin-categories
06-admin-security
07-admin-responsive
08-front-header-and-featured-product
09-latest-products
10-add-to-cart
11-stripe-checkout
12-admin-show-orders
13-stripe-webhook
14-ecommerce front - all products page
15-single-product-page
16-making it mobile responsive
17-categories-front
18-add-to-cart-animation
19-search-functionality
20-account-page
21-wishlist
22-account-show-orders
23-admin-preloaders
24-admin-manage-admins
25-featured-product-setting
26-shipping-fee-setting
27-coupons-and-discount-codes
28-admin dashboard - statistics on admin home page
29-reviews for products
30 Deployment to vercel! - so you can add it to your online portfolio
Don't hesitate if you have any questions!
codingwithdawid[at]gmail[dot]com
22+ hours, step by step tutorial how to build a e-commerce with a lot of funaitonality using Next.js, React, Mongo and many other cool libs!