Build & Deploy Full Stack Next.Js Online Grocery React App Store | React, Strapi, Tailwindcss

Published: 17 March 2024
on channel: TubeGuruji
62,928
1.8k

🛒🚀 Excited to share how to build and deploy a full-stack Next.js online grocery store app using React, Strapi, and Tailwind CSS! Learn to create a seamless shopping experience from scratch. Dive into coding and deployment with this comprehensive tutorial! #Nextjs #React #Strapi #TailwindCSS 🛍️🖥️

⭐ TubeGuruji : https://tubeguruji.com
⭐ Strapi : https://strapi.io/
⭐ Eraser.io : https://www.eraser.io/

⭐ Support me on : https://www.buymeacoffee.com/tubegurujiw

🌟 Now Start Building Real Life Projects to Make Real Money: https://tubeguruji.com

📚 Materials/References:
GitHub Repository For Application (give it a star ⭐):
https://dcmk.short.gy/grocery-store-s...

Free Members Access : https://www.tubeguruji.com/course-pre...

🌟 Free Source Code for Members: https://www.tubeguruji.com
🌟 App Demo : https://dcmk.short.gy/grocery-app-demo

🌟Strapi Admin Panel: https://dcmk.short.gy/strapi-admin
Email/username: [email protected]
Password: #Youtube123

Strapi Rest API Doc :https://docs.strapi.io/dev-docs/api/rest

@Strapi

🖼️ Follow us on Instagram:

/TubeGuruji
💼 Business Inquiries: [email protected]

NOTE:
If while application deployment sessioStorage did not work the use : https://www.npmjs.com/package/cookies... this package and replace sessionStorage with cookies

Join this channel to get access to perks:
   / @tubeguruji  


-----------------Chapters---------------

00:00:00 Introduction
00:07:46 Project Setup
00:20:48 Header
00:35:32 Strapi Setup
00:51:23 Category Dropdown( Strapi Get API)
01:09:10 Sliders
01:19:48 Get Category List (Home Screen)
01:28:43 Product List (Home Screen)
01:46:21 Footer
01:51:45 Product Detaiils
02:10:41 Product By Category
02:28:41 Use Authentication
03:11:01 Quick Update
03:15:47 Add to Cart
03:40:55 Cart Item Display
04:02:08 Quick Update
04:05:41 Checkout Page
04:20:09 Paypal Payment Gateway Integration
04:31:27 Create/Save Order
04:40:32 Order Confirmation
04:42:59 Order History
05:14:19 Final (End)


Watch video Build & Deploy Full Stack Next.Js Online Grocery React App Store | React, Strapi, Tailwindcss online without registration, duration hours minute second in high quality. This video was added by user TubeGuruji 17 March 2024, don't forget to share it with your friends and acquaintances, it has been viewed on our site 62,92 once and liked it 1.8 thousand people.