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

Master Next.js & React Full Stack Development: Dive into AI-Powered App Creation with TubeGuruji – Build, Deploy, Conquer!

5.0 (2)

18 learners

What you'll learn

Learn to build and deploy full-stack applications using Next.js, React, and Tailwind CSS.
Master the integration of various APIs such as Google Maps, Clerk, and Firebase within Next.js apps.
Develop proficiency in using NextAuth for authentication in full-stack applications.
Gain skills in integrating AI technologies to enhance full-stack application functionalities.

This course includes

346 hours of video
Certificate of completion
Access on mobile and TV

Summary

Keywords

Build & Deploy Full Stack Next.Js Online Grocery React App Store tailwind css tutorial react Grocery Store App Online Grocery Store NextJs

Full Transcript

🛒🚀 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-source-code Free Members Access : https://www.tubeguruji.com/course-preview/full-stack-online-grocery-store-app 🌟 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-next this package and replace sessionStorage with cookies Join this channel to get access to perks: https://www.youtube.com/channel/UC33Tc4FCgd_to314_b2hNTg/join ------------------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)

Continue this lesson in the app

Install CourseHive on Android or iOS to keep learning while you move.

Related Courses

Beginner's Guide to Web Design: Complete Course

Master Web Design: From Basics to Brilliance with Flux Academy's Comprehensive Free Course!

⭐ 4.2

11 ratings

7.3 hours

ACCUPLACER Algebra & Functions Full COURSE - Updated weekly!

⭐ 4.0

8 ratings

3.5 hours

Shopify Store Design Tutorials

⭐ 5.0

6 ratings

7 hours

Affiliate Marketing Full Free Course (New Updated) by WsCube Tech

Embark on Your Affiliate Marketing Journey: Master Skills, Boost Earnings & Unlock Success with WsCube Tech's Comprehensive Step-by-Step Guide – Learn to Earn Big from Top Niches and Strategies, Whether You're a Beginner or Pro!