Índice de contenido
- De Principiante a Senior: La Verdad Sobre Crear un E-commerce
- ¿Por qué Livewire es el Motor Ideal para tu Tienda?
- E-commerce escalable: El porqué de las cosas
- Tabla de Decisión: Modelado de Productos
- El "Enfoque Pro": Gestión de Pagos Centralizada
- Tu Ruta de Aprendizaje: Maestría en E-commerce Reactivo
- Fases del Curso Garantizadas:
- Recursos Gratuitos para Empezar AHORA
- Libro de Muestra y Conceptos
- Demostración en Vivo
- ¿Por qué elegir Laravel Livewire para tu tienda?
- Productividad y Organización
- ¿Qué vas a aprender y para quién es este curso?
- Temario Detallado (Curso y Libro)
- Ventajas Únicas de esta Formación
- Arquitectura escalable basada en una entidad global de pagos
- Stripe, PayPal y más: pasarelas listas para crecer
- Lógicas reales para personalizar productos y catálogos
- Interacción cliente-servidor optimizada con Livewire
- Experiencia del Autor en el Mundo Real
- Preguntas Frecuentes
- 1. Introducción
- 2. Sobre el creador
- 3. Sobre el curso
- 4. Antes de Crear: Actualización a Laravel 13 Livewire 4
- 5. Crear un proyecto con Laravel Herd
- 1. Introducción
- 2. Introducción
- 3. Categoría
- 4. Post
- 5. Book
- 6. Imágenes
- 7. Etiquetas
- 8. Payment
- 9. Ejecutar migraciones
- 10. Código Fuente
- 11. Trait para la gestión de las etiquetas
- 12. Diseño para el listado de etiquetas
- 13. Modelo Taggable
- 14. CRUD: Book
- 15. whereHas
- 16. Preview de imágenes
- 17. Código fuente
- 1. Introducción
- 2. Categoría: Crear/Actualizar, Estructura Inicial
- 3. Categoría: Crear/Actualizar, Validaciones
- 4. Categoría: Crear/Actualizar, w-modals
- 5. Categoría: Crear
- 6. Categoría: Actualizar
- 7. Categoría: Listado
- 8. Categoría: Eliminar
- 9. Categoría: Filtros
- 10. Categoría: Ordenación de columnas
- 11. Mi estrategia para las clases en el resto del curso
- 12. Algunas correcciones y cambios
- 13. Mensaje Flash
- 14. Enlace en el sidebar
- 15. Modularizar tabla
- 16. CRUD: Tag
- 17. CRUD: Post
- 18. Post: Upload
- 19. Post: Verificaciones en el slug
- 20. Post: Ckeditor
- 21. Post: Ckeditor y upload: Cliente
- 22. Post: Ckeditor y upload: Servidor
- 23. Post: Tag: Listado
- 24. Post: Tag: Asignar
- 25. Post: Tag: Listado de etiquetas del posts
- 26. Post: Tag: Remover
- 27. Post: Tag: Filtro
- 28. Demo, Post: Tag: Excluir del listado tags existentes
- 29. Código fuente
- 1. Introducción
- 2. Index
- 3. Detalle
- 4. Posts por categorías
- 5. Sitemap
- 6. Estilos
- 7. Resto del CSS
- 8. Estilo botones
- 9. Estilo para el blog: Primera parte
- 10. TailwindCCS Typography
- 11. Tipográfica
- 12. Cambiar tipográfica en la aplicación
- 13. Etiquetas Filtro
- 14. Etiquetas Detalle
- 15. Estilo para el blog: Segunda parte
- 16. Navbar: Bases
- 17. Navbar: Modo Responsivo
- 18. Extra: Videos de Youtube
- 19. Código fuente
- 1. Introducción
- 2. Index
- 3. Detalle
- 4. Index: Diseño
- 5. Detalle: Diseño
- 6. Adaptar estilo del módulo para claro y oscuro
- 7. PayPal, Stripe y las siguientes secciones
- 8. Paypal: Presentación
- 9. PayPal: Sitio web y configuraciones
- 10. PayPal: Implementar un sencillo sistema de pagos en el cliente, Configuración inicial
- 11. PayPal: Implementar un sencillo sistema de pagos en el cliente, Crear Orden
- 12. PayPal: Implementar un sencillo sistema de pagos en el servidor, Recibir orden
- 13. PayPal: Implementar un sencillo sistema de pagos en el servidor, Generar token
- 14. PayPal: Implementar un sencillo sistema de pagos en el servidor, Completar orden
- 15. PayPal: Implementar un sencillo sistema de pagos en el servidor, Siguientes pasos
- 16. PayPal Resumen de la Implementaci n
- 17. Adaptar PayPal: Parámetros importantes del pago
- 18. Adaptar PayPal: Establecer Parámetros del pago
- 19. Controlador base de pago
- 20. Controlador base de pago: Método para procesar el pago
- 21. BookController: Estructura base
- 22. BookController: Generar el Payment
- 23. Definir BasePayment cómo abstract
- 24. Componente de pago para PayPal
- 25. Configurar ruta de pago
- 26. Stripe y las siguientes clases
- 27. Stripe y Laravel: Introducción a Stripe y Laravel Cashier
- 28. Instalar y configurar Laravel Cashier
- 29. Instalar Vue Stripe
- 30. Crear Price Id y el Dashboard de Stripe
- 31. Vue Stripe Crear Componente
- 32. Integraci n solo en el cliente riesgos y limitantes
- 33. Explicar el c digo anterior
- 34. Par metros
- 35. Par metro priceID incorrecto
- 36. Extra: Vue Stripe: Crear Componente desde cero
- 37. Laravel Cashier: Terminando las configuraciones
- 38. Error de Curl en Laravel Stripe
- 39. session ID Generar con Laravel Cashier
- 40. session ID Par metros
- 41. session ID Consumir desde la app en Vue
- 42. session ID Remover par metros del componente StripeCheckout
- 43. session ID: sessionID en la URL de retorno
- 44. session ID: Crear componente de retorno
- 45. session ID: Obtener sessionID en el cliente
- 46. session ID: Obtener detalle del session en el servidor
- 47. session ID: Procesar
- 48. session ID: Enviar petición desde el cliente
- 49. Obtener el detalle del Payment Intent
- 50. Analizando un sessionID no completado
- 51. Pagos rechazados
- 52. Resumen
- 53. Stripe Resumen de la Implementación
- 54. Adaptar Stripe
- 55. Stripe: Controlador para crear el session
- 56. Stripe: Controlador para crear el session
- 57. Stripe: Array de precios posible
- 58. Stripe: Crear botón de cobro
- 59. Cambios en la plantilla maestra
- 60. Pantalla de éxito en el pago
- 61. Pantalla de error en el pago
- 62. Pantalla de cancelado en el pago
- 63. Autenticación opcional
- 64. Detalle del pago solo para el dueño
- 65. Verificar que la orden de pago ya no existe en la BD
- 66. Manejar un mensaje de error y mostrar ventana de error
- 67. Manejo de errores: Página de error y éxito
- 68. PayPal y retorno de las respuestas
- 69. Terminar la implementación con Stripe: Parte 1
- 70. Terminar la implementación con Stripe: Parte 2
- 71. Módulo de usuario para ver los pagos realizados
- 72. Extra: Pagando...
- 73. Extra: Componente de componentes para la pasarela de pago
- 74. Extra: Pagando... Adaptar Stripe
- 75. Resumen
- 76. Código fuente
- 1. Introducción
- 2. Migración y modelo
- 3. Dashboard: CRUD
- 4. Store: Listado y detalle
- 5. Store: Pasarelas
- 6. Store: Reutilizar stripeCreateSession para generar sessionID
- 7. Store: Filtros por tipo
- 8. Store: Modificar ruta detalle
- 9. Store: Filtros por tipo
- 10. Código fuente
- 1. Introducción
- 2. Vistas con diseños diferentes: Listado
- 3. Vistas con diseños diferentes: Detalle
- 4. Roles de usuario admin regular: Explicación y estructura
- 5. Roles de usuario admin regular: Middleware
- 6. Actualizar rol de usuario con tinker
- 7. Modularizar rutas con funciones
- 8. Errores log pagos u otros
- 9. Pagos en dashboard: Listado
- 10. Pagos en dashboard: Traza
- 11. Pagos en dashboard: Pagos manuales
- 12. Pagos en dashboard: Pagos manuales, Paymable
- 13. Pagos en dashboard: Filtros
- 14. Pagos en dashboard: Filtros, tipos al seleccionar producto
- 15. Vista de perfil para el usuario
- 16. Vista perfil para el curso: Traducción
- 17. Vista perfil para el curso: Cambiar lenguaje
- 18. Middleware para actualizar el idioma
- 19. Cupón: Migración y Modelo
- 20. Cupón: Dashboard
- 21. Cupón: Generar
- 22. Cupón: Componente de Livewire para el pago
- 23. Layout para la tienda
- 24. Problemas con eventos de Livewire (Ej, wire:click) y ejecutar JavaScript
- 25. Cupón: Definir evento en JavaScript
- 26. Cupón: Ocultar botón de Stripe
- 27. Cupón: Carga del script de PayPal mediante JS
- 28. Cupón: Mejor diseño: Botones de pago
- 29. Cupón: Repaso
- 30. Cupón: Repaso
- 31. Cupón: Validar
- 32. Cupón: Configurar mensajes
- 33. Cupón: Establecer en los componentes
- 34. Cupón: Validar y Procesar o Aplicar en la orden
- 35. Url para generar SessionId de Stripe
- 36. Cupón: Mostrar cupón aplicado en el dashboard
- 37. Cupón: Buscar por cupón aplicado en el dashboard
- 38. Pasarela de pago: Actualizar páginas y tienda del libro
- 39. Aviso de producto comprado
- 40. Modo Oscuro
- 41. Mejor diseño: Varios
- 42. view-transition: CSS para cambiar entre páginas
- 43. view-transition-name: transiciones entre imágenes
- 44. Código fuente
- 45. Mejor diseño: Varios
- 46. Mejor diseño: Inspiración
- 47. Helper pasarela de pago
- 48. Helper pasarela de pago: Libro
- 49. Clase Modular de detalle
- 50. Clase Abstracta producto
- 51. Opcional, pasar producto en la pasarela de pago
- 52. Resumen pasarela de pago
- 53. Reestructuración de la clase BasePayment: Unificar método de payment
- 54. Reestructuración de la clase BasePayment: Dividir en clase abstracta
- 55. Modo Demo
- 56. Title personalizado
- 57. Railway, deploy de tus aplicaciones en PHP, Python web, Node... como en Heroku GRATIS
- 58. Deploy en Railway
- 59. Error al generar la URL de success en Stripe
- 60. Cerrar sesión y mis compras en perfil
- Algunas recomendaciones
Actualización Gratuita a Laravel 14
Crear una tienda en línea puede ser tan sencillo o tan complejo como la arquitectura que la respalde. Y si algo he aprendido al desarrollar aplicaciones reales, es que un e-commerce no debería ser un rompecabezas improvisado. Por eso diseñé esta formación, pensada para quienes buscan construir una plataforma profesional, escalable y mantenible.
"Si alguna vez has sentido que gestionar carritos y pasarelas de pago es un laberinto, déjame decirte algo: Laravel Livewire es el superpoder que tu tienda online necesita para ser reactiva y robusta."
El detalle del curso lo puedes ver en la parte inferior de esta publicación. Esta es una inversión estratégica: combinamos curso y libro para que entiendas no solo el "cómo", sino el "porqué" técnico detrás de cada módulo, garantizando que puedas adaptar la solución a cualquier negocio real.
Lo que aprenderás en este Curso Maestro
- Arquitectura de Pagos: Cómo centralizar la lógica mediante una entidad global Payment escalable.
- Pasarelas Pro: Integración por capas de Stripe y PayPal para un mantenimiento sin dolor.
- Interacción Reactiva: Sincronización instantánea de carritos, stock y filtros usando Livewire.
- Modelado de Negocio: Decidir entre entidades genéricas o específicas según el tipo de producto.
- Full-Stack e-Commerce: Desde el CRUD administrativo hasta la experiencia final de compra del usuario.
De Principiante a Senior: La Verdad Sobre Crear un E-commerce
Aprender a crear una tienda online hoy puede ser un caos de tutoriales que solo te enseñan a hacer CRUDS básicos. La gran pregunta siempre es: "¿Cómo manejo los pagos de forma segura y escalable?". En esta formación, omitimos lo básico para enfocarnos en la arquitectura real.
Si ya trabajas con Laravel y quieres dar el salto a proyectos de alto nivel sin perderte en configuraciones repetitivas, estás en el lugar correcto. Aquí no perdemos tiempo instalando el framework; vamos directo a las decisiones de ingeniería que separan a un programador de un arquitecto de software.
¿Por qué Livewire es el Motor Ideal para tu Tienda?
Livewire permite mantener sincronizada la lógica del servidor con la interfaz del cliente de forma fluida. En un e-commerce, donde los precios, el stock y el carrito cambian constantemente, esta eficiencia es oro puro para ofrecer una experiencia de usuario premium sin la complejidad de una SPA pesada.
E-commerce escalable: El porqué de las cosas
“No basta con que funcione; debe ser mantenible. Crear un sistema de capas para las pasarelas de pago no es una opción, es una necesidad para evitar que tu código se convierta en un laberinto cuando decidas agregar un nuevo método de pago.”
Tabla de Decisión: Modelado de Productos
| Enfoque | Concepto Clave | ¿Para qué sirve? | Prioridad |
|---|---|---|---|
| Entidad Genérica | Global Product Entity | Tiendas multi-propósito con atributos similares (ropa, accesorios). | Alta (Estándar) |
| Entidad Específica | Domain Specific | Negocios con lógica única (libros digitales, suscripciones, cursos). | Media-Alta |
El "Enfoque Pro": Gestión de Pagos Centralizada
Observa cómo pasamos de una lógica de pago acoplada y difícil de mantener a un sistema elegante basado en una entidad global:
// En el Controller
if ($gateway == 'stripe') {
$stripe->charge($amount);
} elseif ($gateway == 'paypal') {
$paypal->pay($amount);
}
// Difícil de escalar// Sistema por capas
abstract class AbstractBasePaymentController extends Controller
{
// params payment
protected int|float $price = 0;
protected string $status = '';
protected string $idAPI = ''; // order ID
protected string|array|object $responseAPI = [];
protected string $payment = 'paypal';
protected ?string $coupon = '';
// false significa error NO se creo
// true se creo
// se comunica con las pasarelas de pago y hace el pago
protected function paymentType(string $orderId, string $type): bool
{
// Verifica que el cupon sea valido y lo define como procesado
// este paso es delicado ya que, por ejemplo en Stripe ya se hizo el pago
***
// Las ordenes NO se repiten, son unicas, si envian una orden ya procesada
// significa que es provista por un ataque
***
if ($type == 'paypal') {
// Paypal
return $this->paypalProcessOrder($orderId);
} else if ($type == 'stripe') {
// Stripe
return $this->stripeCheckPayment($orderId);
}
return true;
}En el curso, te enseñaré a centralizar tus transacciones para que añadir nuevas pasarelas sea cuestión de minutos, no de días.
Tu Ruta de Aprendizaje: Maestría en E-commerce Reactivo
He diseñado esta metodología para que pases de definir tus modelos hasta alcanzar un sistema de ventas completo con soporte para múltiples productos y pasarelas.
Fases del Curso Garantizadas:
- Fase 1: Estructura y Blog. Migraciones, modelos core y creación de un sistema de contenidos para atraer tráfico.
- Fase 2: Catálogo Reactivo. Listados paginados, filtros dinámicos y detalles de producto optimizados con Livewire.
- Fase 3: Pasarelas de Pago. Implementación de capas para Stripe y PayPal mediante la entidad global de pagos.
- Fase 4: UX y Polish. Definición de idiomas, modo oscuro, diseño avanzado y módulo de seguimiento de pagos.
Recursos Gratuitos para Empezar AHORA
Accede a material de alta calidad sin costo y comprueba el nivel técnico que alcanzaremos:
Libro de Muestra y Conceptos
Explora los primeros capítulos donde definimos la base estructural de lo que será tu próxima gran tienda online.
Demostración en Vivo
Interactúa con la aplicación final. Comprueba la fluidez de Livewire y la robustez del sistema de pagos:
¿Por qué elegir Laravel Livewire para tu tienda?
Livewire es ideal cuando necesitas comunicar frecuentemente el cliente con el servidor de forma reactiva. En un e-commerce, esto significa carritos dinámicos, validaciones de stock en tiempo real y flujos de pago sin recargas bruscas.
Productividad y Organización
Gracias a Laravel, obtienes una organización impecable. Es un framework rápido, potente y extensible que te permite crear aplicaciones reales mantenibles y escalables sin los dolores de cabeza de los desarrollos desacoplados tradicionales.
¿Qué vas a aprender y para quién es este curso?
Aprender a crear una tienda profesional no tiene por qué ser un proceso de ensayo y error constante. Aquí te llevo desde el modelado de datos hasta el despliegue de pasarelas internacionales.
Si ya dominas lo básico de Laravel, este curso es tu siguiente paso lógico para construir proyectos de nivel profesional.
Lógica de pagos centralizada para Stripe y PayPal.
Modelado de productos genéricos vs específicos.
Interfaces reactivas modernas con Tailwind CSS y Livewire.
Temario Detallado (Curso y Libro)
Esta formación está dividida en 7 bloques estratégicos para garantizar tu aprendizaje:
- Módulo 1: Cimientos y Base de Datos
- Inicialización del proyecto profesional.
- Migraciones y modelos relacionales avanzados.
- Módulo 2: Contenidos y Blog
- CRUD administrativo para posts, categorías y etiquetas.
- Interfaz de usuario con filtros y paginación reactiva.
- Módulo 3: El Motor del E-commerce
- Integración de PayPal y Stripe por capas.
- Creación de tienda genérica de productos.
- Personalización: Idiomas, modo oscuro y visualización de pagos.
Ventajas Únicas de esta Formación
- Actualización Laravel 14: El curso se mantendrá al día con las nuevas versiones del framework sin coste adicional.
- Dúo Curso + Libro: Explicaciones detalladas en video y estructura técnica impecable en formato escrito.
- Enfoque Arquitectónico: No solo hacemos que funcione, te enseñamos por qué tomamos cada decisión.
Arquitectura escalable basada en una entidad global de pagos
Al trabajar con diferentes pasarelas, me di cuenta de que crear lógicas aisladas para cada una era una mala idea. Por eso implementé una entidad global llamada Payment, y en el curso te muestro exactamente cómo integrarla para que puedas conectar Stripe, PayPal u otras pasarelas sin reescribir tu código.
Stripe, PayPal y más: pasarelas listas para crecer
Recuerdo claramente que cuando integré ambos sistemas, pensé: “esto tiene que quedar escalable desde el inicio”. Por eso programé un sistema por capas que te enseño paso a paso. Terminarás con una pasarela sólida, ordenada y lista para otros métodos.
Lógicas reales para personalizar productos y catálogos
No todas las tiendas funcionan igual, por eso en el curso te muestro dos enfoques distintos:
- Entidad genérica tipo producto,
- Entidad específica según tipo de negocio.
Esto permite que adaptes la tienda a tus necesidades sin romper la arquitectura.
Interacción cliente-servidor optimizada con Livewire
Cuando probé Livewire por primera vez en este proyecto, quedé sorprendido por lo fácil que era mantener sincronizada la lógica con el backend. En una tienda online, donde hay carritos, stock, filtros y actualizaciones constantes, esa eficiencia es oro puro.
Experiencia del Autor en el Mundo Real
“Llevo años construyendo e-commerce reales y he visto cómo las tiendas improvisadas fallan al intentar escalar. En esta formación he documentado cada decisión arquitectónica para que no cometas los errores comunes. Te enseño a crear un sistema de pagos centralizado y escalable, tal como lo implemento en mis propios desarrollos profesionales.”
Preguntas Frecuentes
- ¿Para quién es este curso?
- Desarrolladores que ya conocen Laravel y quieren dominar la creación de tiendas online.
- Programadores que buscan aprender arquitectura modular y pasarelas de pago.
- ¿Qué requisitos necesito?
- Conocimientos intermedios de Laravel (Rutas, Modelos, Blade).
- ¡Ganas de aprender a modelar un negocio digital real!