BUILD THE BEST ECOMMERCE WEBSITE EVER with REACT JS NEXT JS

سرفصل های دوره

BUIL THE BEST ECOMMERCE WEBSITE EVER WITH REACT JS NEXT JS REDUX TOOLKIT AND NEXT AUTH

1. Introduction

1. Project Showcase

2. Let's setup our project

1. Create next app

2. Explaining css in next js and mixing sass with modules

3. Reset Css styles

4. Create a Mongodb Atlas cluster and get the connection url

5. Connect,Disconnect to the database

6. Let's setup Redux toolkit with Redux Persist

7. Making global variables accessible in next config

3. Header Component

1. Ad header

2. Ad top

3. Top Menu part 1

4. Top Menu part 2

5. Search component

4. Footer Component

1. Footer links

2. Footer Socials & Newsletter

3. Footer Payment & Copyright

4. Responsive Footer

5. Location Detection

1. Detect user location using IpRegistry

6. Authentification

1. Next auth setup

2. JSON web tokens & Mongodb adapter

3. Github provider

4. Google provider

5. Header session

6. Twitter provider

7. Auth0 provider

8. Sign in page 1

9. Sign in page 2

10. Sign in page 3 - Custom input with yup

11. Sign in page 4 button submit

12. Sign in page 5 Socials

13. Sign in page 6 sign in and yup validation

14. Sign up 1

15. Sign up 2 User model

16. Sign up 3

17. Sign up 4 Send email 1

18. Sign up 5 Send email 2

19. Sign up 6 Send email 3

20. Sign up 7 submit

21. Sign up 8 loader, success, error, redirect ...

22. Sign in with Next auth and submit

23. Callbacks in Next auth

24. csrfTOken redirect

7. forgot,reset password

1. Forgot page 1

2. Forgot page 2

3. Reset password 1

4. Reset password 2

8. Home page

1. Home main structure

2. Home swiper part 1

3. Home swiper 3

4. Home offers main

5. Home menu

6. Home user menu markup

7. Home user menu markup styles

8. Home main header

9. Home main responsive

10. Flash deals 1

11. Flash deals 2

12. Flash deals responsive

13. Flash deals Countdown

14. Category cards

15. Category cards responsive

16. Home products swiper

17. Home products swiper extra

9. Product card

1. Product model and explaining the most perfect approach for products

2. Category and subcategory model

3. Add and get products from database

4. Product card 1

5. Product card 2

6. Product card 3

10. Product page

1. Get, filter and prepare product data

2. product page content start

3. product images main swiper

4. product infos 1

5. product infos 2

6. product infos 3

7. product infos 4 & share to social media accounts

8. product infos 5 accordian

9. product simillar swiper

10. product reviews overview card

11. add review 1

12. add review 2

13. add review 3

14. add review 4 working with images upload form

15. reviews table pagination functionality

16. review card

17. reviews table header

11. Cart

1. cart page 1

2. cart slice & add to cart 1

3. 03-add to cart and update cart 2

4. cart product card markup

5. cart product card styles

6. update product qty & remove from cart

7. cart header

8. cart checkout card

9. cart select and unselect products

10. cart calculate total subtotal and shipping fee

11. cart payment methods and swiper

12. add cart to database 1

13. add cart to database 2

12. Checkout (coupons, addresses, ,also auth middlware ...)

1. Checkout ,get cart, work on shipping address form 1

2. custom shipping input

3. shipping form full markup and styles

4. custom select componenet with yup and formik validation

5. save address to db

6. list all addresses and change active status 1

7. AUTH MIDDLEWARE (VERY IMPORTANT)

8. list all addresses and change active status 2

9. remove address and add shipping section header

10. checkout cart

11. Select a payment method

12. Order model

13. Coupon model and create coupons to test with

14. Summary

15. apply coupon

16. create order

13. Order page

1. create order page and adding coupon to order

2. order header & products list

3. order products total with coupon shown

4. order shipping billing address

5. paypal payment setup

6. stripe setup

7. stripe finish

14. Protected routes and access (middlware next js next auth)

1. middlware

15. Upload images to cloudinary (full setup frontend and backend)

1. cloudinary setup

2. upload image middleware

3. upload images to cloudinary

16. Admin Dashboard - setup

1. admin dashboard setup + redux expand Sidebar setup

2. admin dashboard layout

3. Admin Dashboard Sidebar part 1

4. Admin Dashboard Sidebar part 2

5. admin Dashboard Sidebar part 3

6. Toastify setup and explained

17. Admin Dashboard - Categories

1. categories page setup

2. create category start

3. Admin custom input with validation and fixing issues

4. create category submit and api + fixing regex issue

5. list all categories

6. finish list item and delete a category

7. update a category

18. Admin Dashboard - SubCategories

1. subcategories page setup & create subCategory

2. list update and delete SubCategory

19. Admin Dashboard - Coupons

1. coupons page setup

2. coupons dates picker

3. Submit coupon

4. update, delete coupon

20. Admin Dashboard - all products

1. all products page setup

2. list products beautifully part 1

3. list products beautifully part 2

21. Admin dashboard - create product

1. create product page setup & extra

2. working on the form

3. working on the form 2

4. form validation, styles & select header and fixing issues

5. Dialog modal

6. Create product images 1

7. Create product images 2

8. Create product images 3

9. extract colors and pick a product main color

10. Product Style

11. click to add - SIzes Qty Price 0

12. click to add - SIzes Qty Price 1

13. click to add - Details & Questions

14. Full validation for all inputs and fixing issues 1

15. Full validation for all inputs 2

16. Admin middleware

17. Submit create product 1

18. Submit create product 2

22. Admin Dashboard - users

1. users page and advanced mui table setup

2. filling the table data

23. Admin dashboard - orders

1. orders setup & Collapsible table

2. Filling the orders table

3. Filling the orders table - shipping informations

4. Filling the orders table - list products

24. Admin dashboard - dashboard

1. dashboard header 1

2. dashboard header 2

3. dashboard status cards

4. data tables markup

5. data tables styles

25. Product page 2 (add review,whishlist,related...)

1. Add a review client side

2. Add a review server side

3. Add to whishlist

4. Work on reviews and loader

26. Profile

1. profile and layout setup

2. profile sidebar

3. profile sidebar 2

4. profile - orders 1

5. profile - orders 2

6. profile - orders 3

7. profile - addresses

8. profile - default payment method

9. profile - security (change password 1)

10. profile - security (change password 2)

27. Browse page filters, search and pagination

1. Getting the data first

2. Browse heading, tags, listing products

3. Category filter component

4. Colors & Sizes filter component

5. Styles Patterns Materials Gender

6. Heading Filters - Pricing & Sorting

7. Heading Filters styles

8. Filtering algorithm and full search feature

9. filtering by category brand styles & working on multiple filtiring

10. filtering by multiple brands sizes colors

11. filtering by patterns materials gender

12. filtering by price (live filtering and buttons)

13. Re-Creating a global filtiring function with select unselect and active stat

14. Apply the new QueryReplace function on filters

15. Filtering by free shipping and ratings

16. sorting

17. Pagination

18. fixed filters and clear button

28. Newsletter using MailChimp api

1. Newsletter full guide

63,400 تومان

خرید اشتراک افزودن به سبد خرید

خرید دانلودی فوری

در این روش نیاز به افزودن محصول به سبد خرید و تکمیل اطلاعات نیست و شما پس از وارد کردن ایمیل خود و طی کردن مراحل پرداخت لینک های دریافت محصولات را در ایمیل خود دریافت خواهید کرد.

تولید کننده: Udemy-Training