Build & Deploy Full Stack E-Commerce Website + Admin Dashboard | Next.js, Stripe, Tailwind, MongoDB

preview_player
Показать описание


👩‍💻 Complete Code:
GitHub Links (give it a star ⭐):

🎯 In this video, you will:
- Use Clerk for Authentication & Users management
- Create collections & products with React-Hook-Form for form validation
- Create all Data Tables for collections, products, orders and customers with Search bar
- Handle Search, Add to Wishlist, Add to Cart functions
- Checkout and create orders with Stripe
- Learn MongoDB handling and populating nested schemas
- Create unique & responsive UI design with Tailwind CSS, Shadcn UI, and Recharts for graph
- Image upload and storage using Cloudinary
- Create reusable components
- Deploy the application and more!

⌚ Time Stamps:
00:00:00 - Intro
00:10:11 - Auth
00:29:30 - Layout
00:46:45 - Create Collections
02:33:19 - Create Products
04:20:11 - Homepage in E-commerce store
05:07:14 - Add to Wishlist
05:26:04 - Product Details page
05:59:03 - Add to Cart
06:38:52 - Checkout with Stripe
07:08:38 - Create order with Stripe webhook
07:45:41 - Orders & Customers dashboard
08:22:35 - Main dashboard
08:47:12 - Search bar
09:14:44 - Wishlist and Orders pages
09:47:49 - Related products
09:59:51 - Deployment
  1. Code With Phuc
  2. ecommerce website project
  3. react ecommerce full project
  4. next.js ecommerce website
  5. ecommerce website tutorial
  6. build and deploy ecommerce website
Рекомендации по теме
Deploy a Full 0:20:49

Deploy a Full Stack App - React, Node.js, Express, Mongo | MERN Tutorial

Build & Deploy 10:20:31

Build & Deploy Full Stack E-Commerce Website + Admin Dashboard | Next.js, Stripe, Tailwind, Mong...

MERN Stack Twitter: 6:03:06

MERN Stack Twitter: Build and Deploy a Full Stack Twitter Clone with React, Node.js and MongoDB

How To Deploy 0:16:53

How To Deploy Full Stack React App For Free | Deploy MERN Stack Project In 10 Minutes

How to build 3:12:02

How to build & deploy a MERN stack web application (typescript, mongo, express, react, node)

Easily Deploy Full 0:29:00

Easily Deploy Full Stack Node.js Apps on AWS EC2 | Step-by-Step Tutorial

Build & Deploy: 6:00:02

Build & Deploy: Full Stack AI Course Generator SaaS with NextJS 13, OpenAI, Stripe, TailwindCSS

Next.js React Framework 4:47:37

Next.js React Framework Course – Build and Deploy a Full Stack App From scratch

Build and Deploy 0:12:21

Build and Deploy fullstack openbim viewer part 1

Build and Deploy 5:50:47

Build and Deploy a Full Stack Social Media App | React JS, Appwrite, Tailwind CSS, React Query

Build & Deploy 4:54:44

Build & Deploy Full Stack Next.js Real Estate App Using React.js, TailwindCss, Supabase

Full Stack MERN 1:15:40

Full Stack MERN Project - Build and Deploy an App | React + Redux, Node, Express, MongoDB [Part 1/2]

Build and Deploy 8:28:22

Build and Deploy a Full Stack Realtime Chat Messaging App with NextJS 13

How to Deploy 0:12:32

How to Deploy MERN Application on Vercel? HOST Full-Stack MERN App to Vercel for Free

Build and Deploy 2:12:08

Build and Deploy a Full Stack MERN AI Image Generation App | Midjourney & DALL-E Clone

JavaScript and Python 2:21:36

JavaScript and Python - Build and Deploy a Full Stack Web App

Build and Deploy 5:50:35

Build and Deploy a Full Stack MERN Next.js 14 Threads App | React, Next JS, TypeScript, MongoDB

Deploying a Website 0:00:43

Deploying a Website to AWS in Under 1 Minute

Build and Deploy 0:00:33

Build and Deploy a Full Stack Next 14 MERN Events App with Stripe, Typescript, Tailwind

Fastest Way to 0:02:15

Fastest Way to Deploy a Full Stack Web App (Railway)

Deploy a Full 0:07:16

Deploy a Full Stack Java Application in 7 Minutes With Docker 🔥🔥

Next.js 14 Full 3:26:29

Next.js 14 Full Course 2024 | Build and Deploy a Full Stack App Using the Official React Framework

Build and Deploy 4:41:22

Build and Deploy a Full Stack MERN Application With CRUD, Auth, and Charts Using Refine

Build and Deploy 4:43:39

Build and Deploy a Modern Full Stack Social Media App | FULL COURSE

Комментарии
Автор

You've just got a new sub from Philippines...I liked your tutorials, specially for me as a self taught using youtube as a source of knowledge how it works..

thinkingtogether
Автор

What a beautiful and strightforward on point fullstack projects, warming greeting from egypt

ashrafflefl
Автор

What an amazing tutorial. Much love from Kenya.

ericksoi
Автор

It gets better and better every time. You did a great job. Thank you very much. 👍

max_wbw
Автор

Finally a full stack project, thank you so much you're a Toronto queen👑

The-sound-of-silence
Автор

Thanks for nailing out such an immense project ! Thanks for sharing your ideas...

adithyavarun
Автор

You've just got a new sub from Nigeria...I liked every bit of it. You're a gem.

emyokalla
Автор

Wow! Such a huge project. I am excited to make it! Thanks

MobGamingYT
Автор

Such an insane tutorial. Thank you for your sharing!

mzjynqq
Автор

Your content is high quality. Keep it up 💯. Lots of love from India.

avishekdas
Автор

Great course! That i am finding. Thank you so much!

dannyduong
Автор

Thank you so much for making these tutorials 😊

ssumit
Автор

Thank you so much for sharing your experience and knowledge, Phuc.

uminhtetoo
Автор

Today i will start do this project with you .. hope to enjoy with it .. thanks for your efforts...

Ashraf-lwqv
Автор

New year ...New video... Thanks phuc... Belated happy tet new year

vivekpadelkar
Автор

Very cool! With Love from Uzbekistan!!!

ToyhonaUz
Автор

That's a really good video for a newbie like me 😅. Thank you so much. I wish you all the best

Dinh-The-Tran
Автор

Nếu ko dùng mail tiếng Việt, e tưởng chị là ng nước ngoài ko luôn á. Cám ơn chị vì video bổ ích này ạ. 💗

moc
Автор

Great tutorial, warming greetings from Kazakhstan 🇰🇿

bilimlink
Автор

Amazing work, hats off made my day possible, thank you

abiilesh