YO DEVELOPERS!!! If you're looking to learn how to build a full-stack e-commerce website, this video is perfect for you! In this tutorial, we'll be using Nuxt 3, Vue.js, Stripe, Tailwind CSS, Supabase, Prisma, and Netlify to create an e-commerce website, an AliExpress Clone.
We'll start by using Nuxt 3, a powerful framework for building server-side rendered Vue.js applications. We'll then integrate Stripe for payment processing, Tailwind CSS for styling, Supabase for database management, and Prisma for ORM. Finally, we'll deploy our website to Netlify, a popular hosting service for static websites.
By the end of this tutorial, you'll have a solid understanding of how to build a full-stack e-commerce website using some of the most popular web development technologies available today.
LIKE!!! SUBSCRIBE!!! SMASH THE NOTIFICATION BELL!!!
And I'll see you in the video!
Buy me a coffee - https://www.buymeacoffee.com/johnweeksdev
Build & Deploy a Linktree Clone - https://www.youtube.com/watch?v=NtsbjB8QD3Y
Build a TikTok Clone - https://www.youtube.com/watch?v=CHSL0Btbj_o
Let's Build Instagram - https://www.youtube.com/watch?v=MjkamZQJY_8
Let's Build Spotify in 90 minutes - https://www.youtube.com/watch?v=ZzuqwqP1wAQ
Let's Build Twitter in 90 minutes - https://www.youtube.com/watch?v=RWJF0xSSaps
Let's build Netflix (TV VERSION) - https://www.youtube.com/watch?v=PYz021FzZhg
Let's Build YouTube in 90 minutes - https://www.youtube.com/watch?v=o-hIuejQzAA
GitHub Repo:
https://github.com/John-Weeks-Dev/aliexpress-clone
00:00 - AliExpress clone demonstration | Nuxt 3 | Vue JS | Supabase | Stripe | Prisma | Tailwind CSS | Netlify | Pinia | javascript
05:15 - Project setup
12:01 - MainLayout Component
28:25 - Pinia store setup
29:35 - Index Page (Products page)
35:25 - Item Page (Single product)
44:01 - Shopping Cart Page
1:01:33 - Checkout Page
1:12:22 - Address Page
1:19:42 - Auth Page
1:23:33 - MenuOverlay (Mobile menu)
1:31:50 - Prisma setup
1:35:08 - Supabase setup
1:37:10 - Prisma seeder & migrate
1:40:14 - Nuxt server API with Prisma
1:56:12 - Auth Providers / Google / GitHub
2:02:20 - Nuxt server API with Prisma
2:12:16 - Stripe setup
2:21:49 - Success page
2:23:44 - Orders page
2:29:12 - Add project to GitHub & hosting on Netlify
2:43:01 - Final app check on mobile
2:43:43 - FINISHED!!! LIKE! SUBSCRIBE! BELL! THANKS!!!
AliExpress clone
Full-stack e-commerce
Nuxt 3
Vue.js
Stripe
Tailwind CSS
Supabase
Prisma
Netlify
E-commerce website building
E-commerce website deployment
Server-side rendering
Payment processing
Database management
ORM
#fullstackecommerce
#aliexpressclone
#Nuxt3
#Vuejs
#Stripe
#TailwindCSS
#Supabase
#Prisma
#Netlify
#ecommercewebsitebuilding
#ecommercewebsitedeployment
#serversiderendering
#paymentprocessing
#databasemanagement
#ORM
We'll start by using Nuxt 3, a powerful framework for building server-side rendered Vue.js applications. We'll then integrate Stripe for payment processing, Tailwind CSS for styling, Supabase for database management, and Prisma for ORM. Finally, we'll deploy our website to Netlify, a popular hosting service for static websites.
By the end of this tutorial, you'll have a solid understanding of how to build a full-stack e-commerce website using some of the most popular web development technologies available today.
LIKE!!! SUBSCRIBE!!! SMASH THE NOTIFICATION BELL!!!
And I'll see you in the video!
Buy me a coffee - https://www.buymeacoffee.com/johnweeksdev
Build & Deploy a Linktree Clone - https://www.youtube.com/watch?v=NtsbjB8QD3Y
Build a TikTok Clone - https://www.youtube.com/watch?v=CHSL0Btbj_o
Let's Build Instagram - https://www.youtube.com/watch?v=MjkamZQJY_8
Let's Build Spotify in 90 minutes - https://www.youtube.com/watch?v=ZzuqwqP1wAQ
Let's Build Twitter in 90 minutes - https://www.youtube.com/watch?v=RWJF0xSSaps
Let's build Netflix (TV VERSION) - https://www.youtube.com/watch?v=PYz021FzZhg
Let's Build YouTube in 90 minutes - https://www.youtube.com/watch?v=o-hIuejQzAA
GitHub Repo:
https://github.com/John-Weeks-Dev/aliexpress-clone
00:00 - AliExpress clone demonstration | Nuxt 3 | Vue JS | Supabase | Stripe | Prisma | Tailwind CSS | Netlify | Pinia | javascript
05:15 - Project setup
12:01 - MainLayout Component
28:25 - Pinia store setup
29:35 - Index Page (Products page)
35:25 - Item Page (Single product)
44:01 - Shopping Cart Page
1:01:33 - Checkout Page
1:12:22 - Address Page
1:19:42 - Auth Page
1:23:33 - MenuOverlay (Mobile menu)
1:31:50 - Prisma setup
1:35:08 - Supabase setup
1:37:10 - Prisma seeder & migrate
1:40:14 - Nuxt server API with Prisma
1:56:12 - Auth Providers / Google / GitHub
2:02:20 - Nuxt server API with Prisma
2:12:16 - Stripe setup
2:21:49 - Success page
2:23:44 - Orders page
2:29:12 - Add project to GitHub & hosting on Netlify
2:43:01 - Final app check on mobile
2:43:43 - FINISHED!!! LIKE! SUBSCRIBE! BELL! THANKS!!!
AliExpress clone
Full-stack e-commerce
Nuxt 3
Vue.js
Stripe
Tailwind CSS
Supabase
Prisma
Netlify
E-commerce website building
E-commerce website deployment
Server-side rendering
Payment processing
Database management
ORM
#fullstackecommerce
#aliexpressclone
#Nuxt3
#Vuejs
#Stripe
#TailwindCSS
#Supabase
#Prisma
#Netlify
#ecommercewebsitebuilding
#ecommercewebsitedeployment
#serversiderendering
#paymentprocessing
#databasemanagement
#ORM
- Catégories
- E commerce Aliexpress
- Mots-clés
- vue js, vue 3, laravel
Commentaires