Senior
Product Engineer


Full-Stack con Laravel y Nuxt. Construyo y opero productos web completos: backend, frontend, pagos, infraestructura y captación.


Ángel Sagredo

Proyectos clave y logros

Soy Senior Product Engineer Full-Stack (Laravel y Nuxt) con más de 10 años creando aplicaciones web escalables de alto rendimiento. Especializado en backends y APIs con Laravel y frontends avanzados y optimizados para SEO con Nuxt.

Grouptizer.com (2023-presente)

Grouptizer logo

Desarrollé un SaaS desde cero que permite a creadores convertir grupos de Telegram en suscripciones de pago con Stripe. Uso Nuxt SSG para la interfaz y API en Laravel para pagos seguros y automatizaciones.
Obtengo usuarios orgánicos provenientes de landings SEO + blog.

Kelaptop.com (2020-presente)

Kelaptop logo Lancé un comparador de portátiles automatizado, multi-país y multi-idioma, desarrollado con Laravel y Nuxt SSR.
Con scrapers diarios + estandarización + sistema de puntuación calidad/precio.
Obtengo tráfico orgánico constante gracias al SEO. Monetizo mediante AdSense y marketing de afiliados.

Migraciones a Vue en puestos por cuenta ajena

Vue migration from JQuery

En Lebao (2018–2019) y Smile and Learn (2017–2018), impulsé (y lideré) el cambio de jQuery a Vue.js en paneles de administración.
Reduje meses de desarrollo, hice posibles interfaces complejas en menos tiempo, disminuí el mantenimiento y ayudé a los equipos a escalar más rápido para generar ingresos antes.

Tech Stack

Backend & API

  • Laravel
  • PHP
  • Node.js

Frontend

  • Nuxt
  • Vue.js
  • TypeScript
  • Tailwind
  • Bulma

Bases de datos

  • MongoDB
  • MySQL
  • Redis

Cloud & DevOps

  • Dokploy
  • Docker
  • Cloudflare
  • DigitalOcean
  • AWS (EC2, S3)

Herramientas & CI/CD

  • Git
  • Claude Code
  • Pest
  • Playwright
  • Woodpecker CI
  • Renovate

Tests, CI/CD e infraestructura

Cómo desarrollo, pruebo y despliego

Desarrollo y tests

  1. 1

    Desarrollo con IA, revisión humana

    Claude Code trabaja sobre cada repo con su guía (CLAUDE.md), skills y agentes propios. La IA acelera; yo reviso cada cambio, decido y respondo del resultado.

  2. 2

    Tests de integración

    Tests con Pest contra una base de datos real y mocks de servicios externos como Stripe, cubriendo los flujos críticos: pagos, webhooks, permisos, idempotencia. La misma suite corre en local y en CI.

  3. 3

    Revisión visual de la UI

    Playwright recorre todas las pantallas de la app con datos de prueba, en escritorio y móvil y en cada idioma, y genera capturas para revisar la interfaz de un vistazo después de cada cambio.

CI/CD

  1. 4

    Ramas y entornos

    Dos entornos separados, cada uno con su rama: main despliega en staging y production despliega en producción. Todo cambio pasa primero por staging; a producción solo llega lo que ya se ha probado allí.

  2. 5

    Integración continua

    Cada push y pull request pasa por CI: formateo con Laravel Pint y la suite completa de tests. Nada se mergea en rojo. El pipeline usa una imagen pre-horneada para responder en minutos.

  3. 6

    Deploys reproducibles

    Con CI en verde, el pipeline despliega staging por sí solo a través de Dokploy. A producción se promociona a mano, una vez validado en staging. Imágenes Docker multi-stage pinneadas por digest: el mismo artefacto corre en API, workers y scheduler, y volver atrás es redesplegar la imagen anterior.

Infraestructura

  1. 7

    Cuatro servidores, un papel cada uno

    Producción y staging viven en VPS separados: lo que se rompe en staging no toca producción. Un tercer servidor de build ejecuta el CI, Renovate y la construcción de imágenes Docker, y un cuarto aloja el panel de Dokploy desde el que se orquestan los deploys a los otros dos.

  2. 8

    Dokploy como panel de despliegue

    Dokploy gestiona contenedores, dominios y variables de entorno de cada aplicación en staging y producción, con Traefik como proxy. Construye las imágenes en el servidor de build, las publica en un registry (GHCR) y las despliega en el entorno que toca.

  3. 9

    Operación y mantenimiento

    Renovate abre PRs de dependencias cada noche y CI las valida antes del merge. En producción: Cloudflare delante con firewall que solo acepta su tráfico, healthchecks, apagado ordenado de los workers y backups automáticos.

Proyectos de éxito

Descubre algunos de mis proyectos más destacados

Grouptizer.com
Plataforma SaaS para crear membresías de grupos de Telegram

Rol: Fundador - Desarrollado desde cero
Fecha: 2023-actualidad

LaravelMongoDBTailwindNuxtRedis

Kelaptop.com
Compara portátiles por precio y características para encontrar el que mejor se adapta a tus necesidades.

Rol: Fundador - Desarrollado desde cero
Fecha: 2020-actualidad

LaravelMongoDBBulmaNuxtRedis

Chollobot.es
Monitorización de precios y ofertas para compradores online

Rol: Fundador - Desarrollado desde cero
Fecha: 2021-2022

LaravelMongoDBBulmaNuxtRedis

Gesyou.es
Gestión fiscal online

Rol: Wordpress Dev - Freelance
Fecha: 2022

WordpressPHP

Blockworldtour.com
Eventos Blockchain en directo

Rol: Wordpress Dev - Freelance
Fecha: 2023

WordpressPHP

Contacto

Senior Product Engineer

Ángel Sagredo

Senior Product Engineer

Madrid, España

LinkedIn