Build an E-commerce website using Next.js,Typescript,Tailwind CSS, and Zustand
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-...
=== DOWNLOAD SOURCE CODE 👇 ===
Get Source Code: https://buymeacoffee.com/keencoding/e...
=== DOWNLOAD ASSETS 👇 ===
Starter folder: https://github.com/KeenCoding12/e-com...
Github Gist: https://gist.github.com/KeenCoding12/...
⏳ 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