fix(frontend): hidratación rota por fecha no determinista + login aparte + sidebar animado #10
Loading…
Add table
Add a link
Reference in a new issue
No description provided.
Delete branch "fix/frontend-hydration-and-ui"
Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?
Fix del crash "Something went wrong" (client-side): fmtDate del Feed usaba
toLocaleDateString sin timezone → el server (UTC) y el navegador (UTC-6)
renderizaban días distintos en items cerca de medianoche → hydration mismatch
que tumbaba TODO el árbol (sin errorComponent, subía a la raíz y borraba la
sidebar). Ahora formatea en UTC sin Intl (determinista server=cliente).
Robustez: defaultErrorComponent en el router → un fallo de ruta queda contenido
en el área de contenido (la sidebar sobrevive) y muestra el error real, en vez
de pantalla en blanco genérica.
UX (pedido): login separado en pantalla propia (sin sidebar/header, vía
useRouterState en el root) + sidebar con animaciones CSS (entrada escalonada,
barra de acento que crece en el activo, micro-interacciones de hover) sin añadir
dependencias.
Verificado: build de imagen OK, SSR 200 en las 6 rutas (login sin sidebar, resto
con), tsc/biome limpios.
Co-Authored-By: Claude Opus 4.8 noreply@anthropic.com