Laravel + Vue E-commerce Website - Build and Deploy
Hellow guys, Welcome to my website, and you are watching Laravel + Vue E-commerce Website - Build and Deploy. and this vIdeo is uploaded by The Codeholic at 2022-11-14T04:01:58-08:00. We are pramote this video only for entertainment and educational perpose only. So, I hop you like our website.
Info About This Video
Name |
Laravel + Vue E-commerce Website - Build and Deploy |
Video Uploader |
Video From The Codeholic |
Upload Date |
This Video Uploaded At 14-11-2022 12:01:58 |
Video Discription |
๐ Get 3 months of Shared Hosting FOR FREE + FREE domain. Check https://hostinger.com/thecodeholic. Use coupon code "THECODEHOLIC" for an EXTRA 10% OFF ๐
๐ฅ For Full E-commerce Course: https://thecodeholic.com ๐ฅ
Learn how to build full stack applications with Laravel, Vue.js, Tailwind.css and Alpine.js by building and deploying fully functional E-commerce website with Stripe Online Payments, Admin Analytics Dashboard, Reporting and much more...
โค๏ธ Support me by subscribing - https://bit.ly/2xTQOI0
โญ Source Code (Please give it a star):
https://github.com/thecodeholic/laravel-vue-ecommerce/tree/youtube-video
๐๏ธ Alpine.js in 4 hours: https://youtu.be/5ILDMMLgX0E
๐๏ธ Tailwind.css in 13 minutes: https://youtu.be/pB1oed_10IA
๐๏ธ Built E-commerce website with Tailwind.css: https://youtu.be/WOUmdpCo4nk
๐๏ธ Build E-commerce website with Apine.js: https://youtu.be/TN0955TvodA
๐๏ธ Build Laravel 9 portfolio website: https://youtu.be/JNhmEoBsZ48
๐๏ธ Build and Deploy Laravel + Vue.js: https://youtu.be/WLQDpY7lOLg
If you really love my content and want to support the channel:
๐ My Patreon: (For monthly donation)
https://www.patreon.com/thecodeholic
๐บ Buy me Beer: (For one time donation)
https://www.buymeacoffee.com/thecodeholic
Table of Contents
------------------------------
00:00:00 - Intro && Demo
00:08:44 - Choice of hosting provider - Hostinger
00:10:23 - Prerequisites
00:11:56 - Get premium shared hosting
00:14:11 - Project Setup
00:20:39 - Database Schema
00:24:00 - Generate models & empty migrations
00:27:01 - Write migrations
00:33:29 - Vue.js project setup
00:35:11 - Add Tailwind.css
00:38:39 - Install Vuex and create store
00:42:21 - Install vue-router and create routes
00:47:33 - Create Login form
00:53:36 - Create password reset form
00:54:34 - Create layout for unauthorized users
01:05:12 - Create Sidebar Layout
01:08:01 - Connect Vue.js to API
01:10:46 - Products CRUD
01:13:56 - Frontend Website, Email Sending
01:19:11 - Prepare helper methods for cart
01:32:01 - Prepare CartController
01:42:51 - Prepare routes for cart
01:46:43 - Create middleware guestOrVerified
01:49:10 - Prepare JavaScript for add to cart
02:00:00 - Add items into cart
02:07:34 - Create cart page 1
02:23:50 - Create cart page 2
02:29:20 - Show subtotal and checkout button
02:34:00 - Implement add to cart from product page
02:39:11 - Customer profile management
02:43:27 - Stripe Checkout
03:58:06 - Create order list page
04:34:24 - Stripe Webhooks
05:12:44 - Order details page
05:32:43 - Orders page in admin
05:37:16 - User management in admin
05:40:17 - Customer management in admin
05:44:38 - Create Dashboard
05:50:43 - Create Reports
05:56:01 - Claim free domain
05:58:26 - Setup Hosting & SSL
06:01:13 - Setup subdomain
06:03:30 - Understand how we are going to deploy
06:07:33 - Connect using SSH
06:12:12 - SSH Basic commands
06:17:01 - Connect with public/private keys
06:26:45 - Install Laravel using SSH
06:35:31 - Create MySQL Database
06:43:10 - Deploy Vue.js Admin
06:50:57 - Create Business Email Address
06:58:50 - Specify Stripe Keys
06:59:43 - Fix bug of creating new product
07:07:45 - Fix Laravel storage issue
07:11:43 - Configure Webhooks
07:16:45 - Outro
๐ฑ๏ธFollow me on social media:๐ฑ๏ธ
https://twitter.com/thecodeholic
https://www.facebook.com/thecodeholic
https://www.instagram.com/thecodeholic
Check my Github:
https://github.com/thecodeholic |
Category |
Education |
Tags |
TheCodeholic | laravel | php laravel | laravel full stack app | laravel ecommerce website | Laravel E-commerce tutorial | Laravel E-commerce course | Laravel online payments | build and deploy ecommerce website | Build and deploy laravel website | Laravel + Vue.js ecommerce app | Laravel + Vue.js full project | laravel vue 3 | laravel 9 ecommerce | laravel 9 vue js full project | laravel 9 alpinejs | laravel 9 tailwind css | Laravel 9 ecommerce website | laravel 9 full stack |
More Videos