Loading video player...
Hi, in this video you will build an e-commerce website using Next.js, Tailwind CSS, and Zustand for state management. Thank you for watching! πResources used in this video Zustand: https://zustand-demo.pmnd.rs/ Nextjs toploader: https://www.npmjs.com/package/nextjs-toploader === DOWNLOAD SOURCE CODE π === Get Source Code: https://buymeacoffee.com/keencoding/e/491249 === DOWNLOAD ASSETS π === Starter folder: https://github.com/KeenCoding12/e-commerce-website-starter-folder-v1.git Github Gist: https://gist.github.com/KeenCoding12/4b518e484291e0d854ea6e3665dc1bc5 β³ Timestamps 00:00 Project overview 03:37 Project set up 10:05 Header **Home** 31:46 Hero section 34:32 Category 39:10 Products 52:17 Testimonials 58:08 Footer **Shop** 01:08:14 Page title 01:11:44 Product list 01:20:19 Product Details **Shopping Cart** 01:36:23 Shopping cart 01:36:42 Cart items **Login** 02:00:34 Log in page 02:17:00 404 page **Cart functionality** 02:23:42 Cart Store π΅ Royalty-Free Music Used All tracks are free to use: Make a Stand β Filo Starquez Pink Clouds β Epic Spectrum Daydreams β Pufino Universal β Moavii Northern Lights β Avanti Just a Dream β Filo Starquez Joyful Boredom β Avanti Sky Clearing β Epic Spectrum Mindwave β Avanti π Source: https://freetouse.com/music #nextjs #react #reactjs #ecommerce #zustand #tailwindcss #webdevelopment #frontend #fullstack #coding #programming #developer #softwaredeveloper #nextjs14 #reactdeveloper #ecommercewebsite #shoppingcart #statemanagement #projectbasedlearning #codingtutorial #nextjstutorial #reacttutorial #buildinpublic #devcommunity #youtubeshorts #shorts #codingshorts #webdev #javascript #github #portfolio #tech #opensource