Laravel 12 from scratch: Full Stack web development with Vue 3 and Tailwind CSS

Learn to develop full-stack web applications with Laravel 12, Vue 3, and Tailwind CSS, from installation to production deployment.

Over 22 chapters, you'll build complete CRUD applications, a secure REST API with Sanctum, authentication with Laravel Breeze, roles and permissions with Spatie, and a Vue 3 SPA frontend that consumes your own API.

You'll also see how to improve performance with caching and queuing, write tests with PHPUnit and Pest, and prepare your application for real-world environments.

Map

Chapter 1 - Required Software and Installing the Tools : The necessary software is explained, and its installation to develop in Laravel on Windows with Laragon or Laravel Herd or on MacOS Laravel Herd and MacOS and Linux with Laravel Sail and Docker.

Chapter 2 - Knowing general aspects of Laravel: We will talk about Laravel, we will create a project, we will configure the database, we will know basic aspects of the framework and finally we will know the main element that are the routes.

Chapter 3 - Routes, controllers, and views: We will take the first steps with the routes and the views, to start seeing screens through the browser; we’ll also cover using controllers with views; redirects, directives and blade as template engine.

Chapter 4 - Migrations: We will know the use of migrations, as a central element to be able to create the models, which are the layer that connects to the database, to a particular table; and, to have this table, we need the migrations.

Chapter 5 - MVC and CRUD: We will get to know the MVC, which is the heart of the framework, and we will make a few examples that will help us to continue advancing.

Chapter 6 - CRUD and forms: We will create a simple CRUD app, we will learn to work with the MVC, resource type controllers, lists, pagination, form validations, database access among other related aspects.

Chapter 7 - Session messages and flash: We will know how to send flash type session messages which we will use to confirm CRUD operations and session usage.

Chapter 8 - Routes: This chapter is oriented to learn the use of routes; which in Laravel are very extensible and full of options for groupings, types and options.

Chapter 9 - Laravel Breeze: In this chapter, we are going to create an authentication system and all that this entails for our application by installing Laravel Breeze, which also configures Tailwind.css in the project and Alpine.js. Also we are going to expand the scheme provided by Laravel Breeze for authentication, creating a protection based on roles, to handle different types of users in specific modules of the application.

Chapter 10 - Common operations in Eloquent (ORM): In this chapter, we will learn about some common Eloquent operations applied to the database using query builders.

Chapter 11 - Components: We are going to introduce the use of components in Laravel as a central element to create a modular application.

Chapter 12 - Seeders and Factories: We will learn to generate test data through classes using the seeder system that the framework incorporates.

Chapter 13 - Rest APIs: We will learn how to create a CRUD type Rest Api and additional methods to perform additional queries. Also we are going to protect the CRUD type Rest Api with Sanctum, using SPA and token authentication.

Chapter 14 - Consume Rest Api from Vue 3: We are going to consume the Rest Api through a CRUD application in Vue 3 using axios requests and web components with Oruga UI; we will also see the process of uploading files. Also we will protect the application in Vue with login required to access its different modules using SPA authentication or Laravel Sanctum tokens.

Chapter 15 - Cache: We are going to learn how to manage the cache, to save access data to improve application performance and avoid bottlenecks with the database.

Chapter 16 - Authentication and authorization: We are going to learn how to manage access policies to certain application modules through Gates and Policies.