📡 Telsat — Portal de Internet Fibra Óptica & 5G (Chupaca, Junín)
Portal Corporativo de Telecomunicaciones con Astro 5 Server Islands & Svelte 5 Runes
Sitio web corporativo y de contratación para Telsat, el principal proveedor de internet por fibra óptica simétrica y tecnología 5G en la provincia de Chupaca (Junín, Perú). Combina la velocidad estática de Astro 5 con la nueva reactividad basada en Runes de Svelte 5 y animaciones con Motion 12.
- 💻 Repositorio GitHub: github.com/Alecwce/telsat (Privado)
- 🚀 Deploy: Cloudflare Pages | Ubicación: Chupaca, Junín
⚡ Innovación Arquitectónica: Astro 5 + Svelte 5 Runes
flowchart TD subgraph AstroShell["⚡ Astro 5 Shell (Static / Cloudflare Pages)"] Hero["Hero y Beneficios de Fibra Óptica"] Footer["Información Legal y Contacto"] subgraph Islands["🏝️ Server Islands Reactivas (Svelte 5 Runes)"] PlanSelector["🎛️ Selector Dinámico de Planes (Megas vs Precio)"] CoverageChecker["📍 Validador de Cobertura por Barrio (Chupaca)"] SpeedTester["🚀 Test de Velocidad Simulado"] end end AstroShell --> Islands Islands --> WhatsApp["📱 Enrutamiento Directo a WhatsApp Business"]
- Astro Server Islands:
- La estructura general de la página se carga de forma estática en menos de 40 ms; los módulos dinámicos (calculadora de planes y comprobador de cobertura) se hidratan como islas reactivas aisladas.
- Svelte 5 con Runes (
$state,$derived):- El selector de planes utiliza la sintaxis moderna de Runes de Svelte 5, garantizando reactividad instantánea con un peso en JavaScript extremadamente bajo.
- Conversión Rápida a WhatsApp:
- Cada plan genera un enlace codificado con mensaje pre-armado hacia WhatsApp para cerrar la contratación de la instalación domiciliaria.
🛠️ Stack Tecnológico
| Componente | Versión | Rol |
|---|---|---|
| Framework Principal | Astro 5.x | Shell estático y Server Islands |
| Componentes Interactivos | Svelte 5.x | Calculadora y mapas con Runes |
| Estilos | Tailwind CSS 4.x | Diseño corporativo y contrastes |
| Animaciones | Motion 12.x | Transiciones suaves de interfaz |
| Hosting | Cloudflare Pages | Despliegue en red perimetral edge |