In this comprehensive tutorial, you will learn how to build a fully responsive E-Commerce website using Next.js, Redux Toolkit, and Tailwind CSS. This step-by-step guide covers everything from setting up your Next.js project to creating dynamic product listings, implementing a cart system, and managing global state with Redux Toolkit. You'll also learn how to style your application using Tailwind CSS, making it fully responsive for all devices. Whether you're a beginner or an experienced developer, this tutorial will help you build a complete e-commerce website with modern best practices.
(images & data): https://drive.google.com/drive/folders/1dwiup9X8EQJz1KhNEv4nosFLSM2JFhHo
Full Code: https://buymeacoffee.com/riseofcoding/e/407157
Packages:
https://www.npmjs.com/package/@reduxjs/toolkit
https://www.npmjs.com/package/react-redux
https://www.npmjs.com/package/react-hot-toast
https://www.npmjs.com/package/react-icons
https://www.npmjs.com/package/react-slick
https://www.npmjs.com/package/slick-carousel
Chapters:
00:00 Intro
07:30 Navbar
18:40 Slider
29:45 Categories
34:19 Card Carousel
49:04 Products Page
01:32:25 Add to Cart
02:15:29 Add to Wishlist
02:43:39 Fix Bugs
(images & data): https://drive.google.com/drive/folders/1dwiup9X8EQJz1KhNEv4nosFLSM2JFhHo
Full Code: https://buymeacoffee.com/riseofcoding/e/407157
Packages:
https://www.npmjs.com/package/@reduxjs/toolkit
https://www.npmjs.com/package/react-redux
https://www.npmjs.com/package/react-hot-toast
https://www.npmjs.com/package/react-icons
https://www.npmjs.com/package/react-slick
https://www.npmjs.com/package/slick-carousel
Chapters:
00:00 Intro
07:30 Navbar
18:40 Slider
29:45 Categories
34:19 Card Carousel
49:04 Products Page
01:32:25 Add to Cart
02:15:29 Add to Wishlist
02:43:39 Fix Bugs
- Catégories
- E commerce Divers
- Mots-clés
- nextjs ecommerce, nextjs tutorial, redux toolkit
Commentaires