Build Full Stack E-Commerce Website using React.js, Next.js, Strapi, Tailwindcss, Shadcn, & PayPal
Build a full stack e-commerce Website with React.js, Next.js, and Strapi CMS, Tailwindcss, Shadcn, & PayPal
Full Stack E-Commerce Website with Next.js 14
E-Commerce Website with Next.js 14
e commerce app in react js
⏰ Timestamps:
0:00 - 9:30 - Intro & Demo
9:30 - 22:56 - Project Setup & Installations
22:56 - 48:24 - Header Section
48:24 - 1:28:42 - Banner Section
1:28:42 - 2:09:48 - Top Categories Section
2:09:48 - 2:40:58 - Favorite Jerseys Section
2:40:58 - 2:51:24 - Video Modal Section
2:51:24 - 2:57:05 - Favorite Shoes Section
2:57:05 - 3:29:41 - Feature Middle Section
3:29:41 - 3:36:15 - Best Selling Products
3:36:15 - 3:53:36 - NewsLetter & Footer Section
3:53:36 - 4:22:15 - Backend Project Setup & Connect with Frontend
4:22:15 - 4:59:46 - Top Categories Fetch and Show in Categories Section
4:59:46 - 5:31:00 - Product Fetch and Show in Popular Product Section
5:31:00 - 5:54:36 - Fetch Single Category with Products
5:54:36 - 6:32:19 - Fetch Single Product Data
6:32:19 - 6:46:39 - Register User | Create Account
6:46:39 - 6:57:21 - Login User | Sign In
6:57:21 - 7:24:50 - User adds Products into (Add To Cart) only Authenticated User
7:24:50 - 8:16:48 - Fetch Authenticated User Cart Items into (Cart Page)
8:16:48 - 8:22:10 - Add Remove Cart Items Method in (Cart Page)
8:22:10 - 10:00:37 - Create Checkout, Paypal Integration, Create Order & Send Into backend
10:00:37 - 10:07:02 - Final Discussion & Deployment Process About This Project
🧡 Get the Source Code:
Link: https://buymeacoffee.com/waleedcodes/...
📁 Assets & Resources:
Project Assets: https://github.com/waleed-codes/Footb...
Fonts: https://fonts.google.com/
Next.js 14: https://nextjs.org/
Strapi CMS: https://strapi.io/documentation
Tailwind CSS: https://tailwindcss.com/docs
Shadcn: https://shadcn.dev/
PayPal Integration Guide: https://developer.paypal.com/
☕️ Support the Channel:
Buy me a coffee: https://www.buymeacoffee.com/waleedcodes
Ko-fi: https://ko-fi.com/waleedcodes
👍 Thanks for Watching!
Make sure to like and subscribe for more in-depth tutorials on full-stack development.
Tags : ecommerce website,full stack project,full stack ecommerce store,full stack ecommerce website,full stack ecommerce website using react,waleedcodes,ecommerce website in react js,ecommerce app using react js,ecommerce website in next js,ecommerce website nextjs,ecommerce app in react,ecommerce app using nextjs,next js ecommerce app,react js ecommerce website,ecommerce app using react,full stack react project,ecommerce website using nextjs,next js project,react js
#ecommerce #reactproject #nextjs #nextjs14 #strapi #waleedcodes #reactjs
Смотрите видео Build Full Stack E-Commerce Website using React.js, Next.js, Strapi, Tailwindcss, Shadcn, & PayPal онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Waleed Codes 15 Сентябрь 2024, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 1,933 раз и оно понравилось 101 людям.