Arquitectura

Campo	Valor
Tipo	Arquitectura de software
Propósito	Explicar la forma del sistema estático y sus límites.
Audiencia	Desarrollo, arquitectura, reclutadores técnicos
Estado	Vigente

Resumen

Sitio estático de una sola página, generado en build time. No hay backend ni base de datos en el MVP.

┌─────────────────────────────────────────────┐
│                 Visitante                   │
└─────────────────────┬───────────────────────┘
                      │ HTTPS
                      ▼
┌─────────────────────────────────────────────┐
│     Hosting estático (Vercel / GH Pages)    │
│  HTML + CSS + JS + assets (foto, PDF…)      │
└─────────────────────┬───────────────────────┘
                      │ build
                      ▼
┌─────────────────────────────────────────────┐
│                   Astro                     │
│  ┌─────────────┐  ┌──────────────────────┐  │
│  │ Pages/Layout│  │ React islands        │  │
│  │ (estático)  │  │ (animaciones / UI)   │  │
│  └──────┬──────┘  └──────────┬───────────┘  │
│         │                    │              │
│         └────────┬───────────┘              │
│                  ▼                          │
│         src/data/profile.ts                 │
│         (contenido)                         │
└─────────────────────────────────────────────┘

Decisiones clave

Decisión	Elección	Motivo
Rendering	Estático (SSG)	Rápido, barato, simple de hostear
Interactividad	Islas React	Solo donde hay animación/menú
Contenido	Archivo TS tipado	Sin CMS; fácil de editar
Estilos	Tailwind	Consistencia y velocidad de UI
Animación	Framer Motion	API clara y moderna

Límites del sistema

No procesa formularios en servidor.
No autentica usuarios.
No almacena datos de visitantes (salvo analytics futuros opcionales).

Documentos relacionados

Stack
Modelo de datos
Diagramas UML — A estructura · B comportamiento
ADR 001