Full-Stack Laravel 13 y Inertia 3: Construye aplicaciones reales Desde Cero con Vue 3

Esta guía tiene la finalidad de dar los primeros pasos con Laravel 13 Inertia 3; con esto, vamos a plantear dos cosas:

1. Aunque Inertia permite trabajar con Svelte o React, en este curso nos enfocaremos al 100% en el ecosistema de Vue, que es la tecnología líder para esta implementación.

2. Comenzaremos explorando el ecosistema de Inertia para entender sus bases, ventajas y diferencias frente a un esquema tradicional de API REST o aplicaciones Blade estándar.

Primeros pasos: Instalación y configuración del backend y frontend.

Entorno: Entenderemos por qué tiene tanto sentido utilizar componentes de Vue dentro de Laravel.

Herramientas: Uso de herramientas modernas para agilizar el desarrollo.

2. Introducción a Componentes y CRUD Moderno

Pasaremos directamente a la acción con desarrollos reales. No nos quedaremos solo en la teoría; implementaremos:

* CRUD Completo: Creación, lectura, actualización y borrado de registros.

* Ruteo Avanzado: Utilizaremos el esquema moderno de WhiteFinder en el flujo de trabajo para gestionar rutas de forma eficiente.

* Paginación y Mensajes Flash: Implementaremos componentes de paginación desde cero (ya que Inertia no los trae por defecto) y gestionaremos la persistencia de mensajes de éxito/error de una forma adaptada a Vue.

Este libro es perfecto para aquellas personas que quieran aprender algo nuevo, conocer sobre una herramienta con poca documentación y la mayoría de ella está en inglés.

* Para las personas que quieran mejorar una habilidad en el desarrollo web, que quieran crecer como desarrollador.

* Con que te identifiques al menos con alguno de los puntos señalados anteriormente, este libro es para ti.

Mapa

Este libro tiene un total de 7 capítulos, se recomienda que leas en el orden en el cual están dispuestos y a medida que vayamos explicando los componentes del framework, vayas directamente a la práctica, repliques, pruebes y modifiques los códigos que mostramos en este libro.

Capítulo 1 - Primeros pasos con Laravel Inertia: En este capítulo vamos a conocer la herramienta de Laravel Inertia y que nos ofrece al momento del desarrollo de aplicaciones web, el software necesario y características de un proyecto.

Capítulo 2 - Introducción a los componentes de Inertia y Vue: En este capítulo vamos a crear el típico CRUD para conocer las bases de Laravel Inertia y su comunicación con componentes en Vue.

Capítulo 3 - Extender Inertia mediante Plugins para Vue: En este capítulo vamos a instalar plugins de terceros usando Vue, específicamente, el plugin de CKEditor y Oruga UI, como instalaciones locales a componentes o globales.

Capítulo 4 - Upload de Archivos: En este capítulo vamos a conocer el proceso de upload en Laravel Inertia y también usando plugins de terceros.

Capítulo 5 - Crear un DataTable: Filtros, campos de búsqueda y ordenación: En este capítulo, vamos a crear filtros y campos de búsquedas para un listado aprovechando las bondades de Inertia, además vamos a crear campos de ordenación para el listado por las columnas y crear campos de ordenación para el listado por las columnas.

Capítulo 6 - Proyectos: En este capítulo, vamos a crear varios proyectos para conocer más características en Inertia, como un To Do List, Alpine.js, carrito de compras, una web para el blog y rediseño.

Capítulo 7 - Pruebas: Conoceremos cómo crear pruebas unitarias y de integración en la aplicación que creamos anteriormente mediante PHPUnit.

Capítulo 8 - Legacy: Características de un proyecto Inertia con Jetstream: En este capítulo vamos a conocer las características que cuenta un proyecto en Laravel Inertia, tanto la estructura que trae por defecto un proyecto, como su funcionamiento base.