Este sitio, por dentro
Blog personal que también es laboratorio. Aquí documento qué decisiones técnicas hay detrás y por qué.
Línea de tiempo
// fases del proyecto
- Ene 2024
Greenfield
Astro 4, Tailwind con tokens propios, Vitest configurado antes de escribir la primera página. Base técnica sólida desde el día uno.
- 2024
Fundamentos
Dark mode, fuentes auto-hospedadas, Astro 5, sistema de navegación y primeras iteraciones de estilos y contenido.
- Mar 2026
Blog y CV
CV bilingüe ATS-friendly con PDF autogenerado vía Playwright. Blog con i18n ES/EN, rutas espejo y slugs traducidos.
- Abr 2026
Ecosistema
Katas públicas, charlas, artículos técnicos y auditoría de accesibilidad WCAG 2.1 AA. El blog se convierte en portfolio completo.
- Abr 2026
Production-ready con IA
RGPD completo, GA4 con Consent Mode v2, OG images, 97/100 en PageSpeed. Todo en tres semanas gracias a un uso profesional e intensivo de IA.
Decisiones
// qué y por qué
-
Astro SSG con islas selectivas
Render estático por defecto; React solo en las islas donde la interacción lo justifica. Menos JavaScript en el cliente, mejor rendimiento.
-
i18n sin framework extra
Rutas espejo es/en y utilidades propias. Los slugs se traducen donde tiene sentido para SEO local (privacidad, aviso legal); el blog comparte slug.
-
SEO estructural
Canonical y hreflang en el head de cada página, sitemap bilingüe enviado a GSC. Slugs localizados para posicionar términos en español sin perder el enlace entre versiones.
-
Keystatic como CMS
Editor visual encima de GitHub-as-DB. Cada entrada es un commit, cada borrador una rama que Vercel ignora.
-
Consent Mode v2 y banner propio
Sin CMP de terceros. GA4 arranca con analytics_storage denegado; solo se activa si quien visita lo acepta.
-
Pirámide de testing
Tres capas: unitarios con Vitest (lógica pura), integración sobre el output del build (rutas, hreflang, OGs, PDFs) y E2E con Playwright (consent, i18n, dark mode). El enfoque viene de Strict mocks vs fakes .
-
Automatización en CI
Keep-alive de Upstash, chequeo semanal de katas, OG images, PDF del CV y los tres niveles de tests en cada PR. Los previews de Vercel como flujo editorial — Vercel preview deployments .
-
Accesibilidad como disciplina
Doce commits numerados (paso 1, paso 2…) recorriendo WCAG 2.1 AA: skip link, gestión de foco tras transiciones, aria en navegación y formulario, prefers-reduced-motion respetado, 404 operable por teclado. No se hizo al final, se hizo como parte del trabajo.
Stack
// con qué está hecho
Frontend
- Astro SSG + islas
- TypeScript tipado estático
- Tailwind CSS design tokens
- React islas interactivas
Contenido
- Keystatic CMS git-based
- Satori OG images
- Playwright PDF del CV
- 1993
Infra
- Vercel hosting + previews
- Upstash Redis
- Resend formulario contacto
- GitHub Actions CI/CD
Testing
- Vitest unitarios + integración
- Playwright E2E
Números
// snapshot de abril 2026
Auditoría técnica
// PageSpeed Insights · abril 2026
-
Rendimiento
-
Accesibilidad
-
Prácticas recomendadas
-
SEO
Medido con PageSpeed Insights en aitorevi.dev
El código es abierto
Si has llegado hasta aquí, quizá te apetezca leer un post o escribirme.