Curso y Libro primeros pasos con Laravel 12 Inertia 2 + Vue.js 3 y Tailwind.css 4 - Desde Cero
Índice de contenido
- ¿Qué es Laravel Inertia y por qué importa hoy?
- Cómo cambia tu flujo si vienes de Blade
- Ventajas reales de trabajar con Inertia en proyectos modernos
- ¿Qué es Laravel Inertia?
- Prólogo
- Para quien es este curso
- Temario del curso y libro
- Introducción
- Primeros pasos
- Integración con Inertia
- Redirecciones y mensajes por sesión
- CRUD para los post
- Upload
- CKEditor
- Diálogos de confirmación
- Formulario paso por paso
- Filtros y campos de búsqueda
- Ordenación
- Blog: Listado y detalle de post
- Carrito de compras
- Aplicación de To Do
- Pruebas
- Integración con Inertia - Laravel 9/10
- Redirecciones y mensajes por sesión - Laravel 9/10
- CRUD para los post - Laravel 9/10
- Upload de archivos - Laravel 9/10
- CKEditor - Laravel 9/10
- Diálogos de confirmación - Laravel 9/10
- Formulario paso por paso - Laravel 9/10
- Filtros y campos de búsqueda - Laravel 9/10
- Ordenación - Laravel 9/10
- Filtros y campos de búsqueda: Detalles finales - Laravel 9/10
- Blog: Listado y detalle de post - Laravel 9/10
- Carrito de compras: Estructura inicial - Laravel 9/10
- Carrito de compras: Replicar en la base de datos - Laravel 9/10
- Carrito de compras: Mensajes - Laravel 9/10
- Carrito de compras: Total de ítems - Laravel 9/10
- Aplicación de To Do - Laravel 9/10
- Videos Legacy
- Videos generales sobre el desarrollo en Laravel Inertia - Sección Free exclusiva
- Conclusiones
Crear aplicaciones web modernas nunca había sido tan accesible. Cuando descubrí Laravel Inertia por primera vez, me di cuenta de que podía olvidarme de la complejidad innecesaria típica del combo Laravel + API REST + Vue.
Inertia propone otra forma: más rápida, más natural y sobre todo más divertida. En esta guía voy a contarte exactamente cómo funciona, por qué lo uso en mis proyectos y cómo puedes construir tus primeras SPA sin pelearte con configuración extra.
Este es un curso y Libro en el cual daremos los primeros pasos con Laravel Inertia, conoceremos cómo podemos usar Vue directamente desde Laravel, sin intermedios molestos por lo tanto en vez de usar vistas con blade, usamos componentes en Vue.
¿Qué es Laravel Inertia y por qué importa hoy?
Una capa que simplifica el esquema Laravel + Vue
Inertia no es un framework —y eso es lo primero que tienes que grabarte— sino una capa que actúa como puente entre Laravel y tu frontend en Vue. En mis proyectos siempre digo que Inertia “desaparece”, porque hace tanto de intermediario que te permite trabajar como si Laravel y Vue fueran una misma cosa.
Cuando di mis primeros pasos, la sensación fue casi mágica: “¿En serio no tengo que montar una API REST para comunicar el servidor con los componentes?”. Pues sí, no la necesitas.
Cómo cambia tu flujo si vienes de Blade
Si vienes de Blade (como yo al principio), prepárate para un cambio mental:
las vistas se convierten en componentes Vue, pero sigues conservando la estructura clásica de controladores, rutas y middlewares de Laravel. La diferencia está en que el controlador no devuelve una vista, sino un componente con props.
En mis proyectos noté inmediatamente lo útil que era tener toda la lógica del backend intacta, pero con un frontend reactivo y moderno de Vue sin tener que configurar nada más.
Cuándo elegir Inertia en lugar de otras soluciones
Te diría que Inertia es ideal cuando:
- Ya trabajas con Laravel y quieres una SPA sin crear una API completa.
- Necesitas velocidad de desarrollo.
- Quieres usar Vue (o React, si algún día te animas).
- Buscas un flujo de trabajo simple, directo y sin capas innecesarias.
Ventajas reales de trabajar con Inertia en proyectos modernos
- Menos complejidad que una API REST clásica
- No tienes que crear endpoints, controladores API separados ni validaciones dobles.
Eso, para mí, fue uno de los motivos principales para adoptarlo en producción.
- No tienes que crear endpoints, controladores API separados ni validaciones dobles.
- Más velocidad de desarrollo y mantenimiento
- Cuando construí mis primeras aplicaciones con Inertia, noté que podía avanzar casi el doble de rápido que usando APIs tradicionales. No tener que pensar en sincronización de estado con el backend hace una diferencia brutal.
- Cómo se siente trabajar con Inertia en proyectos reales
- La experiencia es limpia, fluida y muy cercana al Vue que ya conoces.
También tengo recursos gratuitos para el Curso en el Blog y el curso comunitario/GRATIS en la web de Academia.
Es importante mencionar, que el curso también tiene el formato en libro con el 100% del contenido del mismo, es decir, el curso es equivalente al libro.
¿Qué es Laravel Inertia?
Esta guía ofrece múltiples tutoriales en base a pequeñas aplicaciones con alcances limitados en los cuales conoceremos en detalle cómo funciona Laravel Inertia, realizaremos comparaciones con el curso de Laravel Livewire el cual es hermano de este curso y comparar tecnologías.
Con este tipo de integración, que suena a poco, pero que facilita mucho el desarrollo y maximiza el tiempo de la elaboración del proyecto, no hay necesidad de usar peticiones axios, fetch o similares ya que, la estructura o scaffolding que nos trae Inertia se encarga de todo; trayendo un mundo de posibilidades infinitas y un desarrollo rápido en comparación de otras soluciones similares con el esquema clásico de:
Laravel + Rest Api + Vue
Este curso al ser de nivel intermedio, da por hecho que tienes conocimientos en Laravel básico.
En definitiva, aprenderás a conocer Laravel inertia, qué cambios trae en un proyecto en Laravel básico, el uso de los componentes en Vue como característica principal y mucho más.
Prólogo
Laravel es un framework fascinante, inmenso y con una curva de aprendizaje algo elevada y con múltiples opciones; este libro no es para iniciales y da por hecho de que ya sabes programar en Laravel.
Laravel Inertia lleva el desarrollo de Laravel un poco más allá; automatizando procesos rutinarios en esquemas muy flexibles en base a componentes, los componentes en Vue, que vienen a reemplazar a las vistas blade de Laravel y que con los mismos, podemos comunicar cliente y servidor de una manera muy simple, eficiente y sencilla.
Laravel Inertia no es un framework, es solamente una capa o scaffolding que agrega ciertas características extras al framework que podemos utilizar para crear grandes aplicaciones, con menos esfuerzo y tiempo de desarrollo.
Para quien es este curso
Este curso está dirigido a cualquiera que quiera comenzar a desarrollar con Laravel Inertia; y se tiene que tener conocimiento al menos básico en Laravel y asociados:
- 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.
Temario del curso y libro
Este libro tiene un total de 17 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: En este capítulo vamos a conocer la herramienta de Laravel Inertia y que nos ofrece al momento del desarrollo de aplicaciones web.
- Capítulo 2: En este capítulo vamos a crear un proyecto en Laravel Inertia.
- Capítulo 3: 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.
- Capítulo 4: 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 5: En este capítulo vamos a conocer el uso de las redirecciones y mensajes flash.
- Capítulo 6: En este capítulo vamos a crear el proceso CRUD para los posts, tomando todos los temas tratados en los anteriores capítulos.
- Capítulo 7: En este capítulo vamos a conocer el proceso de upload en Laravel Inertia y usando plugins de terceros.
- Capítulo 8: En este capítulo vamos a instalar plugins de terceros usando Vue, específicamente, el plugin de CKEditor.
- Capítulo 9: En este capítulo vamos a conocer los diálogos de confirmación y mensajes tipo toast de Laravel Inertia y usando plugins de terceros.
- Capítulo 10: En este capítulo vamos a conocer la comunicación entre componentes de componentes usados directamente desde Laravel, para eso, crearemos un formulario paso por paso.
- Capítulo 11: En este capítulo vamos a implementar filtros y un campo de búsqueda para un listado desde el módulo de administración.
- Capítulo 12: En este capítulo vamos a implementar la ordenación de columnas de una tabla en un listado desde el módulo de administración.
- Capítulo 13: En este capítulo vamos a crear el módulo de blog de vista al usuario final, un listado y página de detalle.
- Capítulo 14: En este capítulo vamos a crear un carrito de compras, que incluye el típico CRUD y pantallas.
- Capítulo 15: En este capítulo vamos a explicar algunas opciones imprescindibles que podemos usar al momento de enviar peticiones mediante el objeto de Inertia.
- Capítulo 16: En este capítulo vamos a crear una aplicación tipo to do list tipo CRUD y con reordenación vía Drag and Drop.
- Capítulo 17: Conoceremos cómo crear pruebas unitarias y de integración en la aplicación que creamos anteriormente mediante PHPUnit.
Acepto recibir anuncios de interes sobre este Blog.
Este curso ofrece una introducción desde cero a Laravel Inertia y conocer los detalles más importantes de esta tecnología; uso de componentes en Vue, Tailwind.css, Laravel y Node.
Algunas recomendaciones:
Benjamin Huizar Barajas
Laravel Legacy - Ya había tomado este curso pero era cuando estaba la versión 7 u 8. Ahora con la ac...
Andrés Rolán Torres
Laravel Legacy - Cumple de sobras con su propósito. Se nota el grandísimo esfuerzo puesto en este cu...
Cristian Semeria Cortes
Laravel Legacy - El curso la verdad esta muy bueno, por error compre este cuando ya estaba la versi...
Bryan Montes
Laravel Legacy - Hasta el momento el profesor es muy claro en cuanto al proceso de enseñanza y se pu...
José Nephtali Frías Cortés
Fllask 3 - Hasta el momento, están muy claras las expectativas del curso
| 👤 Andrés Cruz
Por aquí tienes el listado completo de clases que vamos a cubrir en el libro y curso: