Índice de contenido
- De Principiante a Senior: La Verdad Sobre Aprender Laravel Inertia
- ¿Por qué Inertia es el Puente Preferido por las Startups?
- Tabla de Decisión: ¿Por qué elegir Inertia frente al esquema Clásico?
- El "Enfoque Pro": Cómo cambia tu código con Inertia
- Tu Ruta de Aprendizaje: Maestría en SPAs con Inertia
- Fases del Curso Garantizadas:
- Recursos Gratuitos para Empezar AHORA
- Libro y Curso Comunitario Gratis
- Repositorio del Proyecto
- Prueba la Aplicación Demo
- ¿Por qué aprender Laravel Inertia hoy?
- Productividad Sin Precedentes
- Un Flujo de Trabajo Natural
- Temario Detallado del Curso y Libro
- Integrar Laravel 13 con Inertia y Vue 3
- Ventajas Únicas de esta Formación
- Experiencia del Autor en el Mundo Real
- Preguntas Frecuentes
- 1. Introducción
- 2. Software necesario e instalación de las herramientas
- 3. ¿Qué nos ofrece Inertia?
- 4. Crear un proyecto en Inertia
- 5. Segunda forma de instalar Laravel Inertia
- 6. Que nos trae un Proyecto en Laravel Inertia
- 1. Introducción
- 2. Migraciones
- 3. Modelos
- 4. Controladores
- 5. Crear un registro
- 6. El Enfoque Moderno: Laravel + Wayfinder para las rutas
- 7. Crear un registro en la base de datos
- 8. Validaciones con Form Requests
- 9. Mostrar errores de formulario
- 10. Usar componentes del proyecto y de Inertia
- 11. Refactorización: El Componente de Inertia
- 12. Editar un registro
- 13. Actualizar un registro en la base de datos
- 14. Automatización del Slug: prepareForValidation
- 15. Listado de Categorías: Implementación del Index
- 16. Implementación de Acciones: Crear y Editar
- 17. Creación de un Componente de Paginación en Inertia
- 18. Personalización de la Barra de Progreso (ProgressBar)
- 19. Implementación del Método Delete (Destroy)
- 20. Configuración del Sidebar y Enlaces de Navegación
- 21. Refactorización: Unificando el Formulario (Create & Edit)
- 22. Redirecciones en Inertia y Laravel
- 23. Manejo de Mensajes Flash en Inertia.js
- 24. Rediseño del CRUD con Laravel Boost y OpenCode
- 25. Problema con los valores anteriores, definir el v-model
- 26. Creación del CRUD de Tags: El Enfoque Moderno (Laravel Boost)
- 27. Configuración del Sidebar y Enlaces de Navegación
- 28. Implementación de Breadcrumbs con defineOptions
- 29. Publicar en GitHub
- 1. Introducción
- 2. CKEditor
- 3. Oruga UI en Inertia.js
- 4. Diálogos de confirmación y mensajes toast
- 5. Extra: Implementación de Diálogos de Confirmación en Inertia.js
- 6. SSR (Server Side Rendering) con Inertia y Vue
- 7. Publicar en GitHub
- 1. Introducción
- 2. Carga de archivos manejada desde el formulario de crear o editar
- 3. Upload de Archivos con Oruga UI y Drag & Drop
- 4. Visualización y Descarga de la imagen
- 5. Eliminar una imagen
- 6. Publicar en GitHub
- 1. Introducción
- 2. Preparación de Datos: Factories y Seeders
- 3. Filtros para Categorías, Posteados y Tipos
- 4. Valores aplicados en los filtros desde el componente en Vue
- 5. Veremos como podemos aplicar el filtro en las consultas
- 6. Campo de búsqueda para id, título y descripción
- 7. Filtrado por Rango de Fechas
- 8. Limpiando los Filtros: El Botón de Reset
- 9. Ordenación Dinámica y Modularización del DataTable
- 10. Laravel Boost, Refactorización Avanzada: Hacia un DataTable Universal
- 11. De la Lógica Rígida a los Composables Reactivos
- 12. Rediseño de Filtros + IA
- 13. Reutilización del DataTable: De Posts a Categorías y Etiquetas
- 14. Publicar en GitHub
- 1. Introducción
- 2. Eventos, Anidamiento y Comunicación entre componentes
- 3. Implementación del Blog: Listado y Detalle
- 4. Carrito de compras
- 5. Aplicación de To Do List
- 6. Actualizaciones Optimistas en Inertia.js
- 7. Scroll Infinito
- 8. Introducción a las View Transitions
- 9. Reutilizar componente paso por paso en el detalle de un post
- 10. Páginas de Error Personalizadas en Inertia.js
- 11. Livewire vs Inertia
- 1. Pruebas
- 2. Certificate en Laravel
- Algunas recomendaciones
Crear aplicaciones web modernas nunca había sido tan accesible y divertido. Con Laravel Inertia, puedes olvidarte de la complejidad innecesaria típica del combo Laravel + API REST + Vue. Es la solución definitiva para quienes buscan la potencia de una SPA con la simplicidad del desarrollo monolítico.
"Inertia propone otra forma de desarrollar: más rápida, más natural y sobre todo más productiva. Es el puente mágico que hace que Laravel y Vue se sientan como una sola cosa."
El detalle de este curso maestro lo puedes ver en la parte inferior. Al igual que mis otros cursos, esta es una inversión a largo plazo: mantendré el contenido actualizado para las nuevas versiones y tendrás acceso a soporte exclusivo a través de nuestra Academia.
Lo que aprenderás en este Curso Maestro
- Por qué Laravel Inertia 3 es la capa que simplifica tu flujo de trabajo al 50%.
- Adiós a la API REST: Cómo comunicar el servidor con tus componentes Vue sin configurar endpoints ni Axios manual.
- Full-Stack Pro: Desarrollo de aplicaciones complejas como Carritos de Compra y sistemas Drag & Drop.
- Integración de Terceros: Implementación de CKEditor, mensajes Toast y diálogos de confirmación avanzados.
- Arquitectura Limpia: Uso de controladores, middlewares y redirecciones inteligentes directamente con Vue.
De Principiante a Senior: La Verdad Sobre Aprender Laravel Inertia
Aprender un stack moderno puede ser abrumador si intentas separar excesivamente el frontend del backend. La típica confusión: "¿Cómo manejo la autenticación en mi SPA? ¿Cómo sincronizo el estado?". Con Inertia, esas preocupaciones desaparecen porque sigues trabajando en tu entorno familiar de Laravel.
Si alguna vez has sentido que la curva de aprendizaje de las SPAs es un muro interminable, déjame decirte: estás en el lugar correcto. Inertia no es un framework nuevo que debas estudiar desde cero, es una capa que "desaparece" para dejarte construir lo que imaginas con la velocidad que necesitas.
¿Por qué Inertia es el Puente Preferido por las Startups?
Inertia permite conservar toda la estructura clásica de Laravel (rutas, controladores, validaciones) mientras entregas una experiencia de usuario reactiva de primer nivel con Vue. Es la eficiencia máxima: menos código, menos errores y mantenimiento simplificado.
Tabla de Decisión: ¿Por qué elegir Inertia frente al esquema Clásico?
| Paso | Concepto Clave | ¿Para qué sirve? | Prioridad |
|---|---|---|---|
| 1 | Configuración Base | Instalar el middleware y configurar Vite para que Laravel reconozca tus componentes Vue. | Alta (Imprescindible) |
| 2 | Inertia::render() | Devolver componentes Vue con props desde tus controladores en lugar de usar Blade. | Alta (Imprescindible) |
| 3 | Shared Data | Manejar datos globales como el usuario autenticado o mensajes flash sin props manuales. | Media-Alta |
| 4 | Persistencia & Scrolling | Mantener el estado de la página y la posición del scroll durante las navegaciones SPA. | Media (Avanzado) |
| 5 | Testing con PHPUnit | Asegurar que tus componentes reciben los datos correctos mediante pruebas unitarias. | Media (Especialización) |
El "Enfoque Pro": Cómo cambia tu código con Inertia
Observa la elegancia de pasar de una vista tradicional a un componente reactivo sin perder el control del backend:
public function index() {
$posts = Post::all();
return view('posts.index', compact('posts'));
}public function index() {
return Inertia::render('Posts/Index', [
'posts' => Post::all()
]);
}Con Inertia, tu backend sigue siendo Laravel puro, pero tu frontend es una aplicación Vue moderna y reactiva.
Tu Ruta de Aprendizaje: Maestría en SPAs con Inertia
He diseñado esta metodología para que arranques desde los conceptos base hasta construir aplicaciones complejas con carritos de compra y reordenación dinámica.
Fases del Curso Garantizadas:
- Fase 1: Configuración y Estructura. Instalación de Inertia, creación de proyectos y comprensión del funcionamiento base.
- Fase 2: Dominio CRUD y UI. Manejo de redirecciones, mensajes flash, carga de archivos y filtros avanzados.
- Fase 3: Aplicaciones Reales. Construcción de un Carrito de Compras completo y un Blog con vistas dinámicas.
- Fase 4: Robustez y Calidad. Reordenación Drag & Drop y creación de pruebas unitarias con PHPUnit.
- Fase 5: Proyectos. Datatable personalizable y reutilizable, Componentes de componentes mediante un formulario paso por paso, Blog, CKEditor, To Do List,, Carrito de compras, Navegación infinita y más.
Recursos Gratuitos para Empezar AHORA
Accede a material exclusivo para conocer la potencia de Inertia antes de decidirte por el curso completo:
Libro y Curso Comunitario Gratis
Aprende los cimientos de Inertia con nuestra versión Lite gratuita. Ideal para dar tus primeros pasos hoy.
Repositorio del Proyecto
Explora el código base que utilizaremos en el curso. Transparencia total en el nivel técnico que alcanzaremos:
Prueba la Aplicación Demo
Interactúa con el proyecto final que construirás en el curso.
¿Por qué aprender Laravel Inertia hoy?
En el desarrollo moderno, la velocidad de entrega es clave. Inertia te permite ser increíblemente rápido al eliminar la necesidad de crear y mantener una API REST separada para tu frontend.
Productividad Sin Precedentes
Cuando construí mis primeras apps con Inertia, noté que avanzaba casi al doble de rápido. No tener que sincronizar estados complejos manualmente con el backend marca una diferencia brutal en proyectos de la vida real.
Un Flujo de Trabajo Natural
La experiencia es limpia y fluida. Si ya conoces Laravel y un poco de Vue, te sentirás como en casa desde el primer minuto. Es el equilibrio perfecto entre simplicidad y potencia reactiva.
Temario Detallado del Curso y Libro
Este libro y curso consta de 7 capítulos está diseñado para guiarte paso a paso a través de la práctica constante:
- Módulo 1: Fundamentos y Primeros Pasos con Inertia y sus componentes (Cap. 1-2)
- Qué es Inertia, ventajas, instalación, crear un proyecto, estructura del proyecto, paginación y CRUD básico.
- Módulo 3: Interfaz Avanzada, Plugins y Upload (Cap. 3)
- Veremos como emplear el upload en Inertia y extender Inertia con plugins como el de Oruga UI, CKEditor…
- Módulo 4: Proyectos Reales: (Cap 5-7)
- Blog y Carrito Listados, Filtros y Ordenación, To Do List, Blog, formulario paso por paso y más.
- Módulo 5: Testing y Calidad con PHPUnit (Cap. 9)
Integrar Laravel 13 con Inertia y Vue 3
La integración es tan fluida que facilita mucho el desarrollo y maximiza el tiempo de elaboración del proyecto. Estos son los pilares que cubrimos:
- Creación del proyecto base con soporte para Inertia.
- Sustitución de vistas Blade por componentes reactivos de Vue 3.
- Manejo de rutas y controladores devolviendo el objeto Inertia::render.
- Implementación de plugins de terceros como CKEditor directamente en Vue.
- Aseguramiento de calidad mediante pruebas de integración robustas.
Ventajas Únicas de esta Formación
- Sin Axios/Fetch manual: Aprenderás a usar el scaffolding de Inertia para que se encargue de toda la comunicación cliente-servidor.
- Equivalencia Libro/Curso: Tienes el 100% del contenido en ambos formatos, ideal para estudiar en cualquier lugar.
- Enfoque Comparativo: Comparamos Inertia con su "hermano" Livewire para que sepas cuándo elegir cada tecnología.
- Actualizaciones Continuas: Como todos mis cursos, este material se mantiene al día con las últimas versiones de Laravel.
Experiencia del Autor en el Mundo Real
“Cuando descubrí Laravel Inertia, mi forma de construir SPAs cambió para siempre. En este curso no te enseño solo teoría, sino el destilado de proyectos reales donde Inertia me ha permitido entregar resultados el doble de rápido que con APIs tradicionales. Es el flujo de trabajo más divertido y productivo que he experimentado en años de desarrollo con Laravel.”
Preguntas Frecuentes
- ¿Necesito saber Vue avanzado?
- Con tener nociones básicas es suficiente; aquí aprenderás cómo Inertia potencia a Vue dentro de Laravel.
- ¿Es para principiantes en Laravel?
- No. Este curso es de nivel intermedio y asume que ya sabes programar con Laravel básico (Rutas, Modelos, etc.).
- ¿Se incluye el código fuente?
- Sí, en cada capítulo práctico fomentamos que repliques y modifiques los códigos proporcionados para una maestría real, además de que tienes el código en GitHub.