Laravel + Vue E-commerce Website – Build and Deploy
The Codeholic
🚀 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