Siete demostraciones de nuestro portafolio estaban rotas
Siete de las diez direcciones del muestrario devolvían error 404. El motivo cabe en una línea de código — y es una trampa que cualquier proyecto React moderno puede tener.
Al abrir el proyecto, probamos las diez demostraciones del muestrario. Tres funcionaban. Siete devolvían "página no encontrada".
El portafolio existía, estaba listo, bien hecho — y siete décimas partes de él eran inaccesibles. Nadie se había dado cuenta porque los enlaces del muestrario llevaban a las tres que funcionaban.
La causa: el archivo con los datos de las siete demos empezaba con la directiva "use client". Cuando un componente de servidor importa un archivo así, React no entrega los datos — entrega una referencia vacía. La verificación "¿existe esta demo?" respondía "no" para todas.
El archivo estaba bien, el dato estaba bien, y aun así el servidor recibía vacío. Las fronteras entre servidor y cliente fallan en silencio.
La corrección fue mover los datos a un archivo sin esa directiva. Tres líneas. Las siete páginas volvieron en el mismo minuto.
La lección no es sobre React. Es sobre lo que esconde un sitio institucional: funcionalidades que nadie prueba porque nadie hace clic. Hicimos un barrido por HTTP en todas las rutas del sitio — así lo encontramos. Hoy eso forma parte de nuestro proceso de entrega.
¿Quieres este tipo de decisión aplicado a tu proyecto?
Contar lo que necesitoVer las métricas de nuestro sitio