Build and Deploy Laravel 11 + React Full Stack App - TypeScript, Inertia v2, SSR, Permissions
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