Eleahora

jesusdavidweb

Sitio web de rebranding 2026 para Eleahora, construido con Astro + Svelte bajo el paradigma Zero-JS by default, GSAP para animaciones y despliegue con Docker + Caddy en Dokploy.

Demo Download

Eleahora - Rebranding 2026

Bienvenido al repositorio oficial del proyecto web Eleahora (Rebranding 2026). Este proyecto refleja la dualidad visual y emocional de la marca ("Soy estructura y soy caos") mediante el uso de tecnologías modernas de desarrollo orientadas a un alto rendimiento, accesibilidad y una experiencia de usuario (UX) excepcional.

🛠 Stack Tecnológico

Este sitio está construido bajo el paradigma de "Zero-JS by default", inyectando interactividad solo donde es estrictamente necesario a través de islas de hidratación.

Astro: Motor de generación estática (SSG) de ultra alto rendimiento.
Svelte: El framework de UI detrás de nuestras islas interactivas y componentes reactivos.
GSAP: GreenSock para animaciones fluidas y experiencias de alto impacto visual.
TypeScript: Tipado estricto para un desarrollo escalable y robusto.
Bun: El runtime, instalador y test runner más rápido de la actualidad.

🎨 Filosofía de Diseño

El diseño de Eleahora se basa en la integración de contrastes:

Estructura: Representada por la tipografía Pacaembu y layouts organizados.
Caos: Expresado a través de la tipografía Sloop (cursive), acentos orgánicos y animaciones dinámicas con GSAP.
Paleta de Colores: Tonos tierra, salvia y purpúreos que evocan calma y autenticidad.

🗂 Estructura del Proyecto

/
├── .agents/                 # Directrices y skills para Agentes IA
├── docs/                    # Documentación de marca y previsualizaciones
├── public/                  # Assets estáticos (Images, Fonts, Favicons)
├── src/
│   ├── animations/          # Configuración global de GSAP
│   ├── components/ 
│   │   ├── astro/           # Componentes Zero-JS (Layout, Cards)
│   │   └── svelte/          # Islas interactivas e hidratadas
│   ├── content/             # Contenido estructurado (Markdown) con Type-safety
│   ├── layouts/             # Plantillas base y SEO
│   ├── pages/               # Rutas del sitio (/servicios, /about)
│   ├── styles/              # Design System (Tokens, CSS Variables)
│   └── types/               # Interfaces y tipos TypeScript
├── Dockerfile               # Configuración multi-stage optimizada
└── agents.md                # El manifiesto de reglas para desarrollo

🧞 Comandos Locales (Bun)

Asegúrate de tener Bun instalado.

Comando	Acción
`bun install`	Instala o actualiza todas las dependencias del `package.json`
`bun run dev`	Ejecuta el entorno de desarrollo local
`bun run build`	Compila la versión de producción optimizada (`dist/`)
`bun run check`	Ejecuta validaciones de tipos y salud del proyecto
`bun run preview`	Previsualiza el build de producción localmente

🐳 Despliegue y Dokploy

El proyecto está diseñado para ser desplegado instantáneamente en Dokploy:

Build Stage: Usa oven/bun para procesar dependencias y generar el build SSR.
Runtime Stage: Servidor node:22-alpine ejecutando Astro SSR directamente en el puerto 80.
Proxy Inverso: Dokploy gestiona Traefik automáticamente como proxy inverso.

📜 Contribución y Changelog

Cualquier cambio debe adherirse a las directrices de agents.md. Los avances y correcciones deben documentarse en el archivo CHANGELOG.md siguiendo las normas de Keep a Changelog.

Top categories