01
Catálogo estático de alta velocidad
Sitio 100% estático (SSG) con Astro 5 y TypeScript, sin servidor en tiempo de ejecución. Las páginas llegan prerenderizadas y las imágenes se sirven optimizadas.
02E-commerce · Sitio estático
Louis Premium Web
Sitio comercial para la venta de plataformas de streaming: catálogo, armado de combos con descuentos automáticos y pedidos directos a WhatsApp, optimizado para velocidad y posicionamiento en Google.
- Rol
- Desarrollador Principal
- Periodo
- 2023 — 2026
- Tipo
- Producto propio · Louis Premium
- Stack
- Astro 5 · TypeScript · Tailwind · Alpine.js
- 100/100
- rendimiento en Lighthouse (escritorio)
- 98/100
- rendimiento en Lighthouse (móvil)
- 100/100
- puntuación SEO en Lighthouse
- ~80
- ciudades cubiertas con landings geolocalizadas
01
Contexto
El negocio necesitaba un canal de venta propio que cargara rápido en cualquier celular, apareciera en búsquedas de todo el país y convirtiera visitas en pedidos sin obligar al cliente a pasar por un checkout complejo.
Construí el sitio completo: arquitectura estática, interfaz, motor de precios y estrategia de SEO técnico.
02
La solución
02
Motor de combos en tiempo real
Con Alpine.js el cliente arma su paquete y ve al instante el subtotal, el ahorro y el total. Las reglas de descuento por volumen y las promociones se calculan en el navegador.
03
Producto y pedido por WhatsApp
Cada plataforma tiene su página con URL amigable. El carrito se serializa y se envía a WhatsApp (Click-to-Chat) con el pedido listo, sin pasos intermedios.
04
SEO técnico
Sitemaps de imágenes generados automáticamente, datos estructurados JSON-LD (Schema.org), preguntas frecuentes orientadas a búsquedas reales y más de 10 landings long-tail para cerca de 80 ciudades.
05
Rendimiento medido
Lighthouse en escritorio: 100 en rendimiento, prácticas recomendadas y SEO, con el elemento principal renderizado en 0,6 s. En móvil, 98 en rendimiento.
03
Desafíos técnicos
Precios dinámicos sin servidor
- Reto
- El sitio debía ser estático para ser rápido, pero los combos requieren cálculos con reglas de descuento.
- Solución
- Motor de precios del lado del cliente con Alpine.js: el HTML llega prerenderizado y solo la calculadora se vuelve interactiva.
Visibilidad en todo el país
- Reto
- Una sola página de inicio no posiciona para búsquedas de cada ciudad.
- Solución
- Generación de landings por ciudad en tiempo de compilación, cada una con sus metadatos y datos estructurados.
04
Stack
- Framework
- Astro 5
- TypeScript
- Interfaz
- Tailwind CSS 4
- Alpine.js
- SEO
- JSON-LD
- Sitemaps de imágenes
- Open Graph
- Integración
- WhatsApp Click-to-Chat
05
¿Necesitas algo similar?
Estos son los servicios con los que construí este proyecto.
