Fototeca La Pelada

El cliente

La Fototeca La Pelada es el archivo fotográfico histórico de La Pelada, un pueblo de la provincia de Santa Fe. La crearon dos profesores de historia, Lautaro y Marcos Tesolín, que reunieron fotografías prestadas por las familias del pueblo, cada una con su epígrafe y su crédito. Hoy la colección tiene cerca de 700 imágenes y sigue creciendo.

El proyecto

El archivo estaba en Google Sites y había llegado a su límite. Desarrollamos una aplicación web a medida que lo convierte en un archivo que se puede buscar, citar y compartir, en cuatro idiomas. Sus autores lo administran solos, sin tocar código.

El desafío

Un archivo que no se podía buscar ni citar

En Google Sites ninguna fotografía tenía su propia dirección. No había búsqueda, y los epígrafes eran texto suelto debajo de cada imagen.

Un público repartido por el mundo

Gran parte del interés viene de los descendientes de las familias inmigrantes del pueblo, que viven en el exterior. El archivo tenía que leerse en su idioma.

Autonomía para quienes cuidan la colección

Los autores necesitaban cargar fotos, corregir epígrafes, ordenar secciones y traducir contenido por su cuenta.

Preservar sin pagar de más

Los originales en alta resolución tenían que seguir resguardados en Google Drive. Pero Drive no sirve como CDN, y una galería de fotos consume, sobre todo, ancho de banda.

Nuestra solución

Un archivo navegable e indexable

Cada fotografía y cada sección tiene su enlace permanente, con tarjetas para compartir en redes. Hay búsqueda de texto completo y filtros por epígrafe, crédito y sección, en cada idioma.

Cuatro idiomas

El sitio está en español, inglés, francés e italiano. Las traducciones se gestionan desde el panel, y cuando falta una se muestra el español.

Panel de administración propio

Es un panel en español con acceso por Google. Desde ahí los autores editan epígrafes, reordenan secciones, mueven fotos entre secciones, traducen, importan escaneos directamente desde Google Drive y pueden sacar una fotografía del sitio.

Dos lugares para cada imagen

Google Drive guarda los originales. Cloudflare R2 sirve solo las versiones optimizadas que usa el sitio, sin costo por tráfico de salida.

Retiro de contenido sin borrar nada

Una foto despublicada desaparece del sitio en segundos y vuelve con un clic.

Cómo trabajamos

Los usuarios del panel son historiadores, no técnicos. Por eso cada decisión de diseño partió de cómo ellos ya trabajaban: siguen subiendo sus escaneos a Google Drive como siempre, y el sistema se encarga del resto.

Trabajamos en entregas cortas e incrementales, cada una con su verificación contra los servicios reales, para que el archivo estuviera en línea desde temprano y fuera creciendo sin interrupciones.

Los resultados

100/100 en PageSpeed Insights

En rendimiento, accesibilidad, buenas prácticas y SEO, medido en móvil.

LCP de 1,8 s y CLS de 0

En un móvil de gama media con 4G lento, que es como se lee realmente el archivo.

Cerca de 700 fotografías

Cada una con enlace propio, y se pueden buscar y citar.

4 idiomas

Para la comunidad del pueblo dentro y fuera del país.

Autores autónomos

Toda la gestión del contenido se hace desde el panel.

Costo de operación mínimo

Acorde a un proyecto sin fines de lucro.

Conclusión

La Fototeca La Pelada pasó de ser una página estática difícil de mantener a un archivo histórico moderno, rápido y accesible desde cualquier lugar del mundo. El proyecto muestra que una institución chica, o un proyecto comunitario, puede tener una plataforma con estándares técnicos de primer nivel sin que operarla le resulte cara ni compleja.

Detalles técnicos

Stack de la aplicación

Next.js 16 con App Router y React Server Components, TypeScript y Tailwind CSS 4.

Datos

PostgreSQL serverless en Neon con Drizzle ORM y migraciones versionadas. La búsqueda de texto completo es nativa de Postgres, por idioma.

Renderizado y caché

El sitio público está prerenderizado por completo, sitemap incluido. Cada cambio hecho desde el panel actualiza solo las páginas afectadas.

Imágenes

Las versiones optimizadas se generan con sharp al importar y se sirven desde Cloudflare R2. Cada foto tiene reservada su proporción para que la página no se mueva mientras carga.

Rendimiento

El mapa y los videos solo se cargan cuando el usuario los pide. Las fuentes se sirven desde el propio dominio, así que el sitio no hace ningún pedido a Google.

Seguridad

Acceso con Google OAuth y una lista de usuarios autorizados que se verifica en cada pedido, así que quitarle el acceso a alguien es inmediato. Los archivos importados se validan por su contenido, no por la extensión.

Calidad y CI/CD

Integración continua en GitHub Actions, verificaciones automatizadas contra los servicios reales y gitleaks para evitar que se filtren credenciales. Deploy en Vercel.