Ángel Sagredo | Senior Product Engineer

Senior
Product Engineer

Full-Stack with Laravel and Nuxt. I build and run complete web products: backend, frontend, payments, infrastructure and user acquisition.

Ángel Sagredo

Key Projects & Achievements

I'm a Senior Full-Stack Product Engineer (Laravel & Nuxt) with over 10 years building scalable, high-performance web apps. Specialized in Laravel backends and APIs and SEO-optimized Nuxt frontends.

Grouptizer.com (2023-present)

I built a SaaS from zero that lets creators turn Telegram groups into paid subscriptions with Stripe. I use Nuxt SSG for the frontend and a Laravel API to handle secure payments and automation, attracting organic users through SEO-optimized landing pages and the blog.

Kelaptop.com (2020-present)

Kelaptop logo I launched an automated multi-country/language laptop comparator built with Laravel & Nuxt SSR.
Powered by daily scrapers, data standardization, and a price-to-performance scoring system.
I generate steady organic traffic thanks to SEO, monetized through AdSense and affiliate marketing.

Vue migrations in Salaried Roles

At Lebao (2018–2019) and Smile and Learn (2017–2018), I pushed (and led) the switch from jQuery to Vue.js in admin panels.
Cut dev time by months, made complex UIs possible fast, lowered maintenance headaches - and helped teams scale quicker to start generating revenue sooner.

Tech Stack

Backend & API

Laravel
PHP
Node.js

Frontend

Nuxt
Vue.js
TypeScript
Tailwind
Bulma

Database

MongoDB
MySQL
Redis

Cloud & DevOps

Dokploy
Docker
Cloudflare
DigitalOcean
AWS (EC2, S3)

Tooling & CI/CD

Git
Claude Code
Pest
Playwright
Woodpecker CI
Renovate

Tests, CI/CD & Infrastructure

How I build, test and deploy

Development & tests

1
AI-assisted development, human review

Claude Code works on each repo with its own guide (CLAUDE.md), skills and agents. The AI speeds things up; I review every change, decide and own the outcome.
2
Integration tests

Pest tests against a real database and mocks for external services like Stripe, covering the critical flows: payments, webhooks, permissions, idempotency. The same suite runs locally and in CI.
3
Visual UI review

Playwright walks every screen of the app with seed data, on desktop and mobile and in each language, and generates screenshots to review the interface at a glance after every change.

CI/CD

4
Branches and environments

Two separate environments, each with its own branch: main deploys to staging and production deploys to production. Every change goes through staging first; only what has been verified there reaches production.
5
Continuous integration

Every push and pull request goes through CI: formatting with Laravel Pint and the full test suite. Nothing gets merged on red. The pipeline uses a pre-baked image to answer in minutes.
6
Reproducible deploys

With CI green, the pipeline deploys staging on its own through Dokploy. Production is promoted by hand, once validated in staging. Multi-stage Docker images pinned by digest: the same artifact runs the API, workers and scheduler, and rolling back means redeploying the previous image.

Infrastructure

7
Four servers, one role each

Production and staging live on separate VPS: what breaks in staging never touches production. A third build server runs CI, Renovate and the Docker image builds, and a fourth hosts the Dokploy panel that orchestrates deploys to the other two.
8
Dokploy as the deployment panel

Dokploy manages containers, domains and environment variables for each application in staging and production, with Traefik as the proxy. It builds the images on the build server, pushes them to a registry (GHCR) and deploys them to the right environment.
9
Operations and maintenance

Renovate opens dependency PRs nightly and CI validates them before merge. In production: Cloudflare in front with a firewall that only accepts its traffic, healthchecks, graceful worker shutdown and automatic backups.