Concepto:
Landing Page de muestra diseñada para una academia de surf. El objetivo principal es reducir la fricción entre el interés del usuario y la reserva de la clase («Aprende. Rema. Desliza. Repite.»), mediante una interfaz visualmente impactante y una velocidad de carga instantánea.
Arquitectura Técnica: Static Site Generation (SSG)
A diferencia de las webs tradicionales, este proyecto no depende de un servidor procesando peticiones en tiempo real.
Se ha utilizado el motor de Next.js para pre-renderizar todo el sitio en tiempo de construcción (Build Time). El resultado es una carpeta out con archivos HTML, CSS y JS puros que se sirven directamente desde una CDN (Content Delivery Network).
Tech Stack:
- Framework: Next.js (App Router)
- Configurado con output: ‘export’ para generar una arquitectura totalmente desacoplada del servidor (Serverless/Static).
- Lenguaje: TypeScript
- Garantiza la estabilidad del código y tipado estricto en los componentes de interfaz.
- Estilos: Tailwind CSS
- Diseño «Pixel-Perfect» con un peso de archivo CSS mínimo.
- Implementación de tipografía personalizada e integración gráfica.
- Despliegue: Edge Network
- Al ser estática, la web puede alojarse en cualquier almacenamiento de objetos (AWS S3, Vercel Blob) o CDN, garantizando disponibilidad del 99.9% y latencia global mínima.
Resultados de Rendimiento:
- Time to First Byte (TTFB): < 50ms (Inmediato, ya que no hay cálculo de servidor).
- Seguridad: Superficie de ataque nula (no hay base de datos ni servidor backend expuesto que hackear).
- Costos: Infraestructura de alojamiento prácticamente gratuita al servir solo activos estáticos.
