πŸ’ŽUnlock Premium Features
By - GreatStack

How to Create Full Stack E-Commerce App Using Next.js | Next JS Full Stack Ecommerce Project

How to Create Full Stack E-Commerce App Using Next.js | Next JS Full Stack Ecommerce Project

GreatStack

0 mins
8784+ students

πŸ“ About This Course

Learn How to Make a Full Stack E-Commerce Website Using Next.js | Full Stack eCommerce Project using Next Js, MongoDB, Tailwind CSS, Clerk and Inngest πŸ‘‰ Clerk Auth: https://go.clerk.com/ZP1K3pL πŸ‘‰ Inngest: https://innge.st/yt-gs-1 πŸ‘‰ Source Code: https://greatstack.dev/go/quickcart πŸ‘‰ Starter Files: https://github.com/GreatStackDev/QuickCart πŸ‘‰ Live Preview: https://quickcart-gs.vercel.app πŸ‘‰ Download the assets: https://greatstack.dev/assets/e-commerce-next-js Inngest YT Channel: https://www.youtube.com/@inngest SUBSCRIBE: @GreatStackDev ------------------- In this tutorial we are going to learn How to create a Full Stack E-commerce website using Next Js. In this project, we’ll use β€˜Clerk’ for seamless user authentication and also integrate β€˜Innget’ to efficiently manage background jobs. You can start by downloading the frontend source code from above GitHub link, after that we will build the backend functionality in next js and connect the APIs with frontend code. In this Next js full stack e-commerce project we will build the admin panel also where admin can upload the products, list the product and orders placed on this eCommerce website. For making the user authentication we will use clerk and to manage the clerk webhooks and other background tasks we will use Inngest's functions. In this full stack next js Ecommerce project we will build the cart functionality so that users can add the products in the cart and then they can place the order. To store the eCommerce products, orders and user data we will use MongoDB database in this project and to store the products images we will connect this full stack project with cloudinary storage. Once we finish building this eCommerce project using next js we will deploy in on vercel for free, so that any one can asses this e-Commerce website online. πŸ‘‰Beginner's React JS: https://youtu.be/gbAdFfSdtQ4 πŸ‘‰Beginner's Next JS: https://youtu.be/zgJjWx3b958 #nextjs #nodejs #fullstack #greatstack #coding #programming #javascript #fullstackproject #ecommerce #ecommerceproject #ecommercewebsite #fullstackwebdevelopment #collegeprojects #webdevelopment ------------------- Watch Full Stack Food Order Website tutorial: πŸ‘‰ https://youtu.be/DBMPXJJfQEA Watch Full Stack Chat App tutorial: πŸ‘‰ https://youtu.be/gbocZlm71nE Watch Full Stack Music Streaming Website πŸ‘‰ https://youtu.be/KdGfhSpT6pc Watch Full Stack Blog Website Tutorial πŸ‘‰ https://youtu.be/HdWCh_4XE1Q ------------------------------------- Build more React JS projects: Complete Portfolio Website In React: πŸ‘‰ https://youtu.be/4ag1LsgIUc0 Build ChatGPT Clone In React: πŸ‘‰ https://youtu.be/EzkWAviyYgg Build AI Image Generator with OpenAI In React πŸ‘‰ https://youtu.be/PZG2MvOjud0 Create Weather App In React πŸ‘‰ https://youtu.be/7JqdjWB88Kk ------------------------------------- Images Credit: https://www.pexels.com/ https://unsplash.com/ https://www.freepik.com/ ------------------------------------- Connect with me: πŸ‘‰ https://linktr.ee/iamavinashkr Connect with GreatStack: Instagram: https://instagram.com/GreatStackDev Twitter: https://twitter.com/GreatStackDev Facebook: https://facebook.com/GreatStack

πŸš€ What You'll Learn

βœ“

Complete understanding of the topic

βœ“

Hands-on practical knowledge

βœ“

Real-world examples and use cases

βœ“

Industry best practices

Premium

Get Full Course Access

Take your learning to the next level with premium features

Unlimited access to all chapters
Interactive quizzes & assessments
Downloadable certificate