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