Vue + Laravel API Full Stack App - Build and Deploy

The Codeholic January 14, 2025
Video Thumbnail
The Codeholic Logo

The Codeholic

@thecodeholic

About

The purpose of the channel is to share my 12+ years of experience to beginner developers. Teach them what I know and make my experience as a lesson for others.

Video Description

🚀 Get 3 months of Hosting FOR FREE + FREE domain. Check https://hostinger.com/thecodeholic. Use coupon code "THECODEHOLIC" for an EXTRA 10% OFF 🚀 In this video you will learn how to create full stack application with Laravel 11 API, Vue.js frontend with tailwind css for UI and pinia for state management. You will learn how to implement authentication, create protected routes, exchange data between frontend and API, fix CORS issues and more. To get started with Laravel, check my course "Laravel for Beginners": https://thecodeholic.com/p/laravel-11-for-beginners ⭐ Frontend Source Code: https://github.com/thecodeholic/laravel-vue-full-stack-vue-frontend ⭐ Backend Source Code: https://github.com/thecodeholic/laravel-vue-full-stack-laravel-api 🔔 Subscribe: https://bit.ly/2xTQOI0 Table of Contents: 00:00:00 - Introduction and Demo 00:02:55 - Sponsor Message 00:05:43 - Setup Both Projects 00:19:51 - Define Layouts and Create Pages 00:53:18 - Prepare backend & Implement login, logout flow 01:52:20 - Implement Uploading images 02:10:40 - Implement Token based authentication 02:26:01 - Prepare Hosting & Explain Deployment workflow 02:37:03 - Deploy API 02:47:33 - Deploy Vue.js & Configure backend 03:01:55 - Enable Automatic Deployment 🖱️Follow me on social media:🖱️ https://x.com/thecodeholic https://www.facebook.com/thecodeholic https://www.instagram.com/thecodeholic

You May Also Like