Build & Deploy Full Stack Next.Js Online Grocery React App Store | React, Strapi, Tailwindcss
🛒🚀 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)
