NextTailwindTypescripttRPCPrismaPostgresSQLClerkCloudflare R2ModalPython
Resonance
Por Osmel Smith

- Publicado el
Resonance
- Duración
- 5 semanas
- Rol
- Full-stack
- Estilo
- Minimalista
- Tecnología
- NextJS



+2
Resonance es una plataforma de texto a voz impulsada por IA que convierte texto escrito en voz natural y expresiva usando voces clonadas. Los usuarios pueden elegir entre una biblioteca de voces del sistema o crear las suyas grabando o subiendo una breve muestra de audio, ajustar los parámetros de generación y conservar un historial completo de cada generación.
El front-end está construido con Next.js, TanStack Form y shadcn/ui, mientras que el back-end se apoya en tRPC, Prisma y PostgreSQL. La autenticación y los espacios de trabajo multiorganización se gestionan con Clerk, la voz se sintetiza con un modelo Chatterbox TTS desplegado en Modal y todo el audio se almacena en Cloudflare R2, con Sentry monitoreando los errores en producción.
Funcionalidades principales:
- Generación de texto a voz: convierte cualquier texto en voz de alta calidad con un solo clic, gracias a un modelo Chatterbox TTS ejecutándose en GPUs de Modal.
- Clonación de voz: crea voces personalizadas grabando directamente en el navegador o subiendo una muestra de audio, y reutilízalas en distintas generaciones.
- Biblioteca de voces: explora voces del sistema y personalizadas organizadas por categoría e idioma, con filtros de búsqueda y vistas previas de audio.
- Controles detallados: ajusta temperature, top-p, top-k y la penalización por repetición para definir el tono y la variabilidad de cada generación.
- Historial de generaciones: cada generación se guarda con su texto, voz y configuración, y puede reproducirse o revisarse en cualquier momento.
- Reproductor de audio integrado: reproducción basada en forma de onda con wavesurfer.js para escuchar vistas previas y audio generado.
- Espacios de trabajo multiorganización: la autenticación con Clerk y la selección de organización mantienen las voces y generaciones aisladas por equipo.
- API con tipado seguro: tipado de punta a punta desde la base de datos hasta la interfaz con tRPC, Zod, Prisma y TanStack Query.
- Almacenamiento de audio en la nube: las muestras de voz y el audio generado se almacenan en Cloudflare R2 y se sirven mediante endpoints seguros y con alcance limitado.
- Diseño responsive: paneles redimensionables y drawers adaptan el espacio de trabajo a escritorio y móvil sin perder funcionalidad.
- Monitoreo de errores: la integración con Sentry captura errores de cliente, servidor y edge para una operación confiable en producción.