Cargando...
Registro público de todas las mejoras, correcciones y decisiones técnicas del sitio. 57 cambios documentados desde el primer commit.
10 – 12 de junio de 2026
4a4d426Publicación oficial en el dominio principal de Confecciones Liss. Se habilitaron las páginas de Inicio, Contacto, Enlaces (/links) y la nueva sección de Novedades (/updates). Las páginas de Catálogo y Servicios se configuraron como inactivas (redirección a la Home) mediante el proxy middleware para esta fase.
4a4d426Se convirtió not-found.tsx de Client Component a Server Component para permitir la exportación de metadata SEO. Anteriormente, GSC reportaba que la página 404 no se encontraba porque Next.js emitía HTTP 200 (en vez de 404) y no incluía meta tags. Se agregó metadata con título y robots, se actualizaron canonicals autorreferenciadas en todas las páginas, y se bloquearon rutas inactivas en robots.txt y sitemap.
4e41089Se implementó la página pública /updates con un timeline interactivo que documenta todos los cambios del proyecto. Se creó el componente ShareButton reutilizable para compartir páginas por WhatsApp, copiar enlace, y redes sociales.
2c4e630Se unificaron los breadcrumbs en todas las páginas con el mismo diseño y animación. Se estandarizaron los márgenes laterales a px-8 en desktop y se restauró el layout de la página de updates.
61d2676Las tarjetas de la página /servicios ahora comparten el mismo sistema de cuadrícula responsive que el catálogo: grid de 1 columna en móvil, 2 en ≥480px, 3 en tablet y 4 en desktop. Se añadió el indicador de navegación siempre visible y se cambió el fondo del banner a blanco.
0535439Se eliminó la tarjeta CTA de proyecto especial, el botón de 'leer más' de cada tarjeta, y se ajustaron las descripciones a exactamente 132 caracteres. Se redujo el tamaño de las imágenes con aspect-ratio 2:1 y se comprimió la altura de la cabecera de las tarjetas.
1ee9bfcSe reemplazaron las fotos de las tarjetas de servicios con imágenes más representativas y se añadió un borde de contraste negro. El overlay de servicios se cambió a tono azul y se restauró el contorno decorativo del 404.
fbe08cdSe rediseñó la página 404 desde cero: números outline gigantes centrados con el título, layout responsivo side-by-side en desktop, eliminación del botón de inicio para un diseño minimalista, altura fija de 100dvh-56px y contraste mejorado. Se homologaron header y footer con el resto del sitio.
b86c90fLos indicadores visuales de navegación (flechas e íconos de enlace) en las tarjetas de catálogo y servicios ahora son siempre visibles en vez de aparecer solo al hacer hover, mejorando la affordance en móvil.
10 de junio de 2026
da33046Las tarjetas de redes sociales en la página /links ahora tienen la misma sombra profunda que las tarjetas del catálogo, garantizando legibilidad en cualquier fondo.
79061e8Se resolvió un error de lint que impedía el build y se corrigió la ruta activa detectada incorrectamente en la barra de navegación inferior.
894a7c6Se portó la geometría precisa del proyecto de referencia 'susonthapa' para lograr una curva de notch perfectamente suave. Se añadió la burbuja blanca FAB y la página /mi-cuenta como destino.
fac005dSe corrigió un bug de fill color en el SVG que hacía que la burbuja apareciera transparente. Se aumentó la profundidad del notch para mejor presencia visual. Se intercambiaron los iconos de Buscar y Perfil entre el Navbar y el BottomNav.
96de615Se implementó un MobileBottomNav con forma SVG curva en la parte inferior, notch central para el botón de acción flotante y una burbuja indicadora de pestaña activa que se desliza animadamente entre los tabs.
da33046Se implementó una solución en 4 capas para el bug que dejaba la página completamente no interactiva al restaurar la sesión del navegador tras un cierre: (1) Headers HTTP Cache-Control en next.config.mjs, (2) purga de Service Workers residuales con prevención de loop, (3) guard de bfcache vía pageshow, (4) watchdog de hidratación de React con timeout de 5 segundos y heartbeat en Navbar.
9 de junio de 2026
2e2231cSe implementó la página /links (estilo Linktree) con todas las redes sociales de Confecciones Liss. Se resolvió un crash crítico en Chrome y Brave para Android causado por target="_blank" que disparaba el OOM Killer del sistema operativo al abrir un nuevo renderer para Instagram/Facebook. La solución fue eliminar target="_blank" para que Android App Links abra las apps nativas directamente.
cda963eSe añadió el componente MobileBottomNav con tabs de inicio, catálogo, WhatsApp, links y perfil. Se ocultaron los iconos de carrito y búsqueda del header móvil para liberar espacio.
2c38271Se reemplazó el WhatsAppButton flotante por un acceso directo integrado en la barra de navegación inferior, limpiando el layout de elementos superpuestos.
db46171En móvil el logo muestra solo el isotipo (sin texto de marca) para economizar espacio en la barra de navegación. El dropdown de menú se unificó en comportamiento entre mobile y desktop.
7b4120cSe reemplazó el path SVG anterior del icono de Threads por el path oficial actualizado del brand kit de Meta.
28cfa1eEl listener que cerraba el menú al hacer clic fuera de él se limitó a viewports ≥ 1024px. En mobile el menú se cerraba incorrectamente al tocar cualquier área táctil.
edd997aLos ítems de navegación del dropdown de mobile y desktop se sincronizaron para mostrar exactamente los mismos destinos, incluyendo el nuevo enlace a /links.
8d18b79El eslogan debajo del logo de marca ('UNIFORMES · SCRUBS · BORDADOS') usa ahora letter-spacing calculado dinámicamente con inter-character para alinearse pixel a pixel con el ancho del logotipo.
3d9fce9Se ajustaron los breakpoints: la barra de búsqueda completa aparece desde 768px (md), y el botón hamburger se muestra por debajo de 640px (sm). En tablet se colapsa a un ícono de lupa.
6a4e4aeSe rediseñó el control de navegación con un botón de menú con estilo premium (icono + label animados) tanto en la versión móvil como desktop del Navbar.
3e87455El botón principal del hero ('Comprar' → 'Catálogo') ahora redirige correctamente a /catalogo en lugar de a una ancla interna.
7 – 8 de junio de 2026
db33241Se realizó la puesta en producción inicial del sitio web en el dominio oficial con el modo HOME_ONLY_MODE activo, restringiendo el acceso de los usuarios a las sub-páginas en desarrollo y permitiendo solo la visualización de la landing de Inicio.
b66fb94El sitemap.xml ahora se genera condicionalmente (solo si HOME_ONLY_MODE está desactivado). Se eliminaron las URLs de productos duplicadas que aparecían al mezclar rutas estáticas y dinámicas.
efd6282Cuando HOME_ONLY_MODE estaba activo, el middleware redirigía todas las rutas —incluyendo sitemap.xml y robots.txt— a la home, impidiendo que Google los rastreara. Se añadieron exclusiones explícitas.
2fa87dfSe actualizó la metadata del layout raíz: título y descripción optimizados, robots meta con directivas correctas, schema Organization mejorado y se completaron los links sociales en siteConfig.
03c3cf9La imagen del hero ahora cubre simétricamente el contenedor sin espacios laterales blancos. Se corrigió el object-position y el aspect-ratio para viewport completo.
b6dd569Se añadió un middleware que redirige todas las rutas a la home cuando HOME_ONLY_MODE=true (variable de entorno). El Navbar también renderiza condicionalmente sus links según este modo.
7 de junio de 2026
b3e27c7Se añadieron configuraciones y productos de muestra para Lencería, Limpiapipas, Ropa y Calzado, Sublimados y Tops. Cada categoría incluye imagen de hub, tagline y código de color.
82e5446Se refinó el grid de la vista Category Hub con breakpoints exactos: 1 col (< 480px), 2 col (480-767px), 3 col (768-1023px) y 4 col (≥ 1024px). Alturas responsive con aspect-ratio 21/9 en móvil.
6ad34deEl título flotante sobre las imágenes de categoría usa una clase .contrast-text-shadow personalizada con 8 sombras de texto más 2 capas de glow para garantizar legibilidad en cualquier fondo fotográfico.
12 de mayo de 2026
85b4ddaEl buscador inline dentro del Navbar se reemplazó por un modal fullscreen (SearchModal) que se activa al tocar la barra de búsqueda. Incluye chips de categoría como estado inicial y filtrado de productos en tiempo real.
4e86f41Se adoptó el patrón 'Category Hub' (inspirado en Nike/Apple/Amazon): /catalogo es ahora una landing con tarjetas visuales grandes que dirigen al usuario a cada departamento. Se reemplazó el catálogo unificado con filtros que generaba fricción cognitiva.
41c2b62Se renombraron internamente todas las referencias de 'sector-salud' a 'scrubs' en rutas, datos y categorías para alinear con la terminología real del negocio.
7 – 8 de mayo de 2026
8f43ba7Primera versión del catálogo funcional completo: buscador en tiempo real, filtros por categoría con lógica AND/OR, ordenamiento por precio y nombre, y paginación. El Navbar se expandió con acceso rápido al catálogo.
b1b1cd7Se añadió un drawer de filtros deslizante para móvil. Todos los elementos interactivos cumplen el mínimo de 44×44px de área táctil definido en WCAG 2.5.5.
83365a9Se migró de rutas estáticas por categoría a una ruta dinámica /catalogo/[slug] que renderiza el contenido correcto según el parámetro de URL.
6d8c5d2Se implementó el schema JSON-LD para páginas de catálogo y producto (Product, BreadcrumbList, LocalBusiness). El sitemap se genera dinámicamente desde los datos de productos.
462286fRemediación de auditoría: contraste de color corregido en filtros, labels de formulario conectados correctamente, aria-live en resultados de búsqueda, focus visible en todos los interactivos, y correcciones de lógica de filtro AND/OR.
3815fd3Se centralizó todo el inventario de productos con tipado estricto TypeScript. Las rutas del catálogo ahora se generan dinámicamente desde este único origen de verdad.
062f5b7Se implementaron los hallazgos de la auditoría: CSP (Content Security Policy) restrictiva, X-Frame-Options, X-Content-Type-Options, Referrer-Policy, variables de entorno no expuestas al cliente, y optimización de imágenes.
26 – 27 de abril de 2026
c0ca62dLas imágenes generadas dinámicamente con ImageResponse se reemplazaron por una captura de pantalla real del sitio en producción, que ofrece mayor credibilidad y CTR en redes sociales.
993c1c5Se implementaron rutas opengraph-image.tsx y twitter-image.tsx que generan dinámicamente las imágenes de preview para redes sociales usando el API de ImageResponse de Next.js.
ccad6e8Se corrigieron problemas reportados en Google Search Console: redirect incorrecto en la URL canónica, sitemap con URLs inaccesibles, imagen OG ausente y sobredensidad de palabras clave en la meta description.
d09f1f1Los iconos decorativos del hero tenían un ratio de contraste insuficiente (< 3:1 WCAG). Se ajustaron los colores para cumplir al menos WCAG AA en componentes de UI.
1e94dcbRediseño integral del home: hero mobile-first con imagen de portada real, título H1 optimizado con palabras clave primarias, grid de fotos con descripción del proceso, sección de beneficios y schema LocalBusiness.
e43168bSe eliminó el directorio private/, todos los handlers de MSW mock, código de Supabase/Auth/Zustand no utilizado y archivos de basura. Solo quedó el código de producción activo.
da26da4Se reemplazó el favicon genérico por el logo SVG de Confecciones Liss, con versiones .ico, .png y apple-touch-icon correctamente referenciadas.
8 – 25 de abril de 2026
43dba41Se implementó un modo de construcción (construction mode) para bloquear sub-páginas en producción. Se aplicaron las correcciones de la primera auditoría de seguridad, SEO y accesibilidad.
42d6439Se implementó el lobby modal de bienvenida con apertura retardada, persistencia en localStorage, countdown de inactividad y hint de flecha. El storefront se fusionó en la ruta raíz.
698e263Se configuró Supabase para base de datos y autenticación. Se implementaron los primeros Server Actions envueltos con next-safe-action y validados con esquemas Zod en src/schemas/.
ea57f83Primera versión del prototipo de interfaz de usuario con el sistema de rutas del App Router de Next.js configurado y conflictos de routing resueltos.
8dfeec9Se estableció la arquitectura completa del repositorio: Next.js 15 App Router, TypeScript estricto, Tailwind CSS, Shadcn/UI, Vitest, Commitlint con Conventional Commits, ESLint, Prettier y Husky. Se definieron las carpetas src/app, src/components, src/lib, src/config, src/schemas y src/actions como pilares de la organización del código.
Mostrando 57 de 57 entradas · Orden cronológico inverso (más reciente primero)