[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_28":-5,"_38":-5,"_39":40,"_41":42,"_43":44,"_45":46,"_47":48,"_49":50,"_51":52,"_53":54,"_55":56,"_57":58},"routes/_store+/_readers+/email_author.$slug/route",{"_9":10,"_11":-5},"book",{"_12":13,"_14":15,"_16":17,"_18":19,"_20":21,"_22":23},"currentUser","id","Z2lkOi8vbGVhbnB1Yi9TdG9yZTo6Qm9va1Byb2R1Y3QvNTE3ODE","title","Full-Stack Laravel 13 y Inertia 3: Construye aplicaciones reales Desde Cero con Vue 3","state","published","contactAuthorMethod","email","aboutText","

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.

","authors",[24],{"_12":25,"_26":27,"_28":29},"Z2lkOi8vbGVhbnB1Yi9TdG9yZTo6UHJvZHVjdEF1dGhvci81NDcxMQ","name","Andrés Cruz Yoris","user",{"_30":31},"avatar",{"_32":33,"_34":35,"_36":37},"url","https://d39qdlcrvnra4b.cloudfront.net/avatars/2508444/medium/vn2LgXaB_400x400.jpg?1646511308","styleName","medium","exists",true,"shoppingCartId","shoppingCart",{"_12":71,"_72":73,"_74":37,"_75":76,"_77":78,"_79":80,"_81":37},"locale","en","readerTheme","light","constants",{"_69":70},"publishers",{"_65":66,"_67":68},"learnerOrganizations",[],"needsLocaleCookieSync",false,"announcements",{"_59":60,"_61":-5},"sentryEnvironment","production","sentryRelease","06fff6bf2a3f19ff2ef76f94f389bccdbec7f9bd","announcement_store",{"_62":52,"_63":64},"announcement_authors","flag","text","

Kick off your book project, get started with GhostAI, get better at marketing, or spend the day doing all three! Free live workshops on Zoom. Saturday, June 27, 2026.

\n","companies",[],"universities",[],"paypalClientId","AX53Cwz8jR6rVVzzZiZNWWXl0dGagi-GZrjG-S3Ua14E5nrKMn7DxDQ730O4R8LusLPp49ALn6aRVaEy","no-cart","count",0,"free","updatedAt","","paymentGateway","STRIPE","cartItems",[],"loading"]

Email the Author