Volver a los proyectos

fdrechsler.de

Sitio web personal desarrollado íntegramente con asistencia de IA mediante el AI Development Framework. Este proyecto fue la primera validación real del framework y demostró que unos agentes de IA coordinados pueden entregar sistemas listos para producción de forma eficiente. Construido con Next.js 15.x, contenedorizado con Docker y desplegado mediante CI/CD automatizado. Incluye analítica completa (Umami, Google Analytics 4), modo oscuro, optimización SEO con datos estructurados JSON-LD y plena conformidad con la legislación alemana. El proyecto avanzó desde la configuración inicial hasta un sitio en producción a través de un flujo ordenado de investigación, implementación, pruebas y revisión, con supervisión humana en los puntos críticos. Entre los resultados destacan una documentación exhaustiva (decisiones de arquitectura, guías de despliegue), infraestructura como código y la detección y corrección de errores en el propio framework.

Activo
Next.jsTypeScriptDockerCI/CDProduction
Cronología del proyecto

Inicio

24 de octubre de 2025

Fin

En curso

Duración

4+ months

Métricas clave

Tickets creados

65

Tickets completados

54

Sesiones de IA

25

Recorrido de desarrollo
Stack técnico
Next.js 15React 19TypeScriptTailwind CSSDockerGitHub ActionsUmami AnalyticsGoogle Analytics 4Self-Hosted (Netcup VPS)MDX
Resultados
  • ●✅ Despliegue en producción completado (08/11/2024)
  • ●✅ Canalización CI/CD completa con despliegue automatizado
  • ●✅ Infraestructura basada en Docker sobre VPS propio
  • ●✅ Diseño moderno y adaptable con modo oscuro
  • ●✅ Analítica completa (Umami + GA4) con panel público
  • ●✅ Optimización SEO con datos estructurados JSON-LD
  • ●✅ Conformidad con la legislación alemana (aviso legal y privacidad)
  • ●✅ Cifrado SSL con Let's Encrypt
  • ●✅ Accesibilidad conforme a WCAG 2.2 AA
  • ●✅ Core Web Vitals optimizadas (LCP, INP, CLS)
  • ●✅ Endurecimiento de la seguridad (Docker + análisis en CI/CD)
  • ●✅ Secciones de preguntas frecuentes con esquema FAQPage
  • ●✅ AI Development Framework validado en producción
  • ●✅ Infraestructura de blog con soporte MDX
  • ●✅ Feed RSS para la difusión de las entradas
  • ●✅ Página de inicio reestructurada como landing con subpáginas
  • ●✅ Landing trilingüe de CardCroc (DE/EN/ES)
  • ●✅ Contenido reorganizado para modelos de lenguaje
  • ●✅ Identidad renovada con el monograma FD
  • ●✅ Datos estructurados SoftwareApplication para CardCroc
  • ●✅ Corrección de la automatización de certificados SSL
Repositorios

Este proyecto se reparte en varios repositorios, cada uno dedicado a un ámbito distinto.

Repositorio meta

Repositorio privado

Privado

Frontend

Repositorio privado

Privado

Backend

Repositorio privado

Privado

Infraestructura

Repositorio privado

Privado

Conversaciones de IA

Repositorio privado

Privado