Build React, Next.js full-stack ecommerce from scratch beginner to advance. Next.js 14 App router full course with Nextjs, Typescript, MongoDB, Prisma, Tailwind css, iron-session, shadcn UI, uploadthing and Stripe.

Support Us: https://www.patreon.com/CodeScrapper

If you have any Project Contact me: https://www.fiverr.com/mehtabkazmi

Recently uploaded:

https://youtu.be/UAp7VhO05uw

https://youtu.be/w1-AVGwHMiA

🌐 In this tutorial, we'll explore the powerful combination of Next js with Prisma and Stripe to create visually appealing and responsive E-commerce web app. One of the highlights of this tutorial is the integration of Prisma, mongoDB, nextjs 14, Tailwindcss, Stripe, iron-session, shadcn UI, uploadthing.

📌 What You'll Learn:

🔑 Next js, Prisma, shadcn, iron-session,uploadthing and Stripe

🔥 Prerequisites:

Basic to advance understanding of JavaScript and reactjs is recommended.

Timestamps:

0:00 - Introduction

07:52 - Installation

14:52 - Header design

38:30 - iron-session auth integration

44:15 - Prisma and mongoDB integration

50:26 - Create database schema

01:08:05 - Signup page

01:25:40 - image upload

02:03:08 - Send email (SMTP)

02:18:12 - Email verification page

02:31:10 - Login page

02:45:15 - Home page banner

03:03:06 - get products

03:30:06 - get categories

03:34:03 - enhancement component

03:50:18 - Admin dashboard

04:04:16 - Get users

04:21:24 - Get admin products

04:27:00 - Create Product

04:44:40 - Categories CRUD operation

05:39:30 - update and delete product

05:50:23 - Admin settings page

05:53:25 - Update user

06:08:25 - Change password

06:15:02 - Get orders

06:18:39 - Get Analytics

06:45:16 - Get popular products

06:52:20 - Products increment

06:49:40 - Product details page

07:24:24 - Get products by category

07:30:33 - Favorite products

07:47:10 - Add-To-Cart page

08:49:24 - Create Order

08:56:17 - Stripe integration

09:10:14 - Success page

09:25:00 - Admin orders

By the end of this video, you'll have your very own personalized portfolio website ready to showcase your skills and projects to the world. So, grab your coffee and let's get coding together!

Don't forget to like, subscribe, and hit the notification bell for more awesome tutorials. Code Scrapper!

Don't forget to like, comment, and subscribe for more tutorials and guide

development! #react #reactjs #nextjs14 #prisma #tailwindcss #stripe #ecommerce #shadcn