MENU

Fun & Interesting

Build and Deploy Laravel 11 + React Full Stack App - TypeScript, Inertia v2, SSR, Permissions

The Codeholic 20,734 3 months ago
Video Not Working? Fix It Now

2 vCPU Cores, 8 GB RAM, and 100 GB NVMe Disk space for just $5.99/month. Enjoy an extra 10% off with the code "THECODEHOLIC". https://hostinger.com/TheCodeholic In this video you will learn how to build full stack application with Laravel, React with TypeScript with Inertia v2 and Server Side Rendering (SSR). We will also implement roles and permissions with spatie laravel-permissions package. We'll create create an actuall application to upvote and downvote features or leave comments on the features. - Admin users will be able to create new features, update and delete features and update other user roles. - Commenter users will be able to browse features, upvote them or downvote and leave comments. - Regular users will be able to only upvote and downvote features. At the end of the tutorial we will deploy the project on VPS server on custom domain. Setup CI/CD with Github actions and setup SSR on VPS server, so the entire application is Server Side rendered and SEO friendly. To get started with Laravel check my 24+ hours course "Laravel for Beginners": https://thecodeholic.com/p/laravel-11-for-beginners ⭐ Project Repository: https://bit.ly/4erzIQi 🔔 Subscribe: https://bit.ly/2xTQOI0 Table of Contents: --------------------------- 00:00:00 - Intro & Demo 00:14:15 - Project Setup 00:28:22 - Install Permissions Package and Define Roles and Permissions 00:42:28 - Email Sending with mailpit 00:47:11 - Define UserResource 00:54:12 - Create Migrations and Models 01:00:33 - Render features list 01:29:48 - Implement Creating a new feature 01:51:22 - Updating and Deleting featurs 02:04:53 - Upvote/Downvote functionality 02:37:49 - Implement Leaving Comments 03:04:54 - Implement Roles & Permissions 03:29:50 - Assign default role to new users 03:39:42 - Implement user role change 04:23:27 - Inertia v2 features 04:53:20 - Deployment 05:15:08 - SSR on VPS 05:24:26 - Assign Custom Domain 05:36:03 - CI/CD with Github Actions 05:52:48 - Outro 🖱️Follow me on social media:🖱️ https://x.com/thecodeholic https://www.facebook.com/thecodeholic https://www.instagram.com/thecodeholic

Comment