Descripción del proyecto
Plantilla y demo de sitio promocional centrado en extensiones de pestañas. Incluye catálogo de servicios con precios de ejemplo, formulario de contacto, mapa interactivo con OpenStreetMap y navegación responsive. Los textos de negocio, coordenadas y destino del formulario son configurables en un módulo de datos con placeholders, carrusel en la home y pie de página con contacto y redes.
Características principales
App Router de Next.js con rutas localizadas `[lang]` y `generateStaticParams` para inglés y español
Detección de idioma con middleware (`Accept-Language`) y prefijos de URL explícitos
Diccionarios JSON por locale y contenido de servicios generado en servidor
Mapa embebido con Leaflet y OSM; carga solo en cliente para evitar problemas de SSR
Formulario de contacto con POST a FormSubmit (destino configurable en datos)
UI responsive: navegación sticky, menú móvil, grid de servicios y carrusel animado en la home
Metadatos SEO por página con `generateMetadata` y prefijos de título configurables
Estilos con Tailwind CSS y CSS Modules en componentes puntuales; tipografía Inter vía `next/font`
Desafíos y soluciones
Internacionalización y rutas
Coordinar redirección inicial de locale, rutas estables `/en` y `/es`, y textos desde JSON sin duplicar layout, manteniendo buen SEO y enlaces compartibles.
Leaflet fuera de SSR
El mapa requiere DOM y no convive bien con el render en servidor; se encapsuló la carga con import dinámico y `ssr: false` para montar React Leaflet solo en el cliente.
Contacto sin backend propio
El envío del formulario se externaliza a FormSubmit para no mantener API Routes ni servidor de correo en el proyecto, documentando el destino en el módulo de datos.
Capturas de pantalla
Tecnologías utilizadas
Otros proyectos
Leberp — ecosistema ERP
ERP cloud B2B (ventas, almacén, logística, tesorería, compras, analítica y POS): SPA en React, cliente de mostrador en Electron y backend .NET en Azure.
Ice Climber Remake
Remake multiplataforma del clásico Ice Climber de NES, con física 2D avanzada, iluminación dinámica y despliegue automatizado.