DistortNewYork es un motor de descubrimiento de música en vivo para la escena underground de Nueva York. Los eventos se agregan diariamente desde sitios de venues mediante una flota de scrapers con Playwright, y luego se procesan con Claude Haiku para extraer datos limpios y estructurados — artista, fecha, lugar, enlace de entradas — antes de almacenarse en la base de datos. El resultado es una fuente única, buscable y constantemente actualizada de lo que realmente está ocurriendo en la ciudad esta semana.

Características

Hecho por fans, para fans: DistortNewYork existe para que nadie tenga que revisar historias de Instagram y calendarios de venues para encontrar el próximo buen show.

Búsqueda y navegación en vivo: Cada página es un Server Component renderizado contra una lectura fresca de la base de datos — búsqueda por palabras clave, filtros por fecha y exploración por venue se resuelven en un solo viaje al servidor, sin cargas innecesarias en el cliente.

Listados centrados en venues: Los shows están vinculados a registros estructurados de venues, no a texto libre, por lo que ver toda la programación futura de un lugar está a un solo clic.

Capa comunitaria: Cada show tiene su propio hilo de comentarios. Los organizadores pueden enviar sus eventos mediante el formulario de contacto, con subida de imágenes gestionada por Vercel Blob, dando visibilidad a espacios independientes y no tradicionales.

Newsletter: Resumen semanal de shows destacados, gestionado mediante una Server Action para que el registro nunca saque al usuario de la página.

Tecnologías Utilizadas

Framework: Next.js (App Router)

Lenguaje: TypeScript

Base de Datos: Neon Postgres (serverless) con Prisma 7

Almacenamiento: Vercel Blob

Scraping: Playwright + Claude Haiku (extracción estructurada mediante tool-use)

Analítica: @vercel/analytics

Estilización: CSS Modules, mobile-first, CSS Grid para layout

Arquitectura: Server Components para lecturas, Server Actions para mutaciones

Hosting: Vercel (Producción + Preview)