NextJs Responsive E-Commerce Website Tutorial | with NextJs, Redux Toolkit & Tailwind Css

Votre vidéo commence dans 10
Passer (5)
cash machine v4

Merci ! Partagez avec vos amis !

Vous avez aimé cette vidéo, merci de votre vote !

Ajoutées by
17 Vues
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
Catégories
E commerce Divers
Mots-clés
nextjs ecommerce, nextjs tutorial, redux toolkit

Ajouter un commentaire

Connectez-vous ou inscrivez-vous pour poster un commentaire.

Commentaires

Soyez le premier à commenter cette vidéo.