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

Опубликовано: 17 Март 2024
на канале: 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)


Смотрите видео Build & Deploy Full Stack Next.Js Online Grocery React App Store | React, Strapi, Tailwindcss онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь TubeGuruji 17 Март 2024, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 62,92 раз и оно понравилось 1.8 тысяч людям.