NextTailwindTypescripttRPCPrismaPostgresSQLClerkCloudflare R2ModalPython
Resonance
Por Osmel Smith

- Publicado em
Resonance
- Duração
- 5 semanas
- Função
- Full-stack
- Estilo
- Minimalista
- Tecnologia
- NextJS



+2
O Resonance é uma plataforma de texto para fala com IA que transforma texto escrito em fala natural e expressiva usando vozes clonadas. Os usuários podem escolher em uma biblioteca de vozes do sistema ou criar as suas gravando ou enviando uma breve amostra de áudio, ajustar os parâmetros de geração e manter um histórico completo de cada geração.
O front-end é construído com Next.js, TanStack Form e shadcn/ui, enquanto o back-end usa tRPC, Prisma e PostgreSQL. A autenticação e os workspaces multi-organização são gerenciados pelo Clerk, a fala é sintetizada por um modelo Chatterbox TTS implantado no Modal e todo o áudio é armazenado no Cloudflare R2, com o Sentry monitorando erros em produção.
Principais funcionalidades:
- Geração de texto para fala: converta qualquer texto em fala de alta qualidade com um clique, com um modelo Chatterbox TTS rodando em GPUs do Modal.
- Clonagem de voz: crie vozes personalizadas gravando direto no navegador ou enviando uma amostra de áudio, e reutilize-as em outras gerações.
- Biblioteca de vozes: navegue por vozes do sistema e personalizadas organizadas por categoria e idioma, com filtros de busca e prévias de áudio.
- Controles detalhados: ajuste temperature, top-p, top-k e a penalidade de repetição para definir o tom e a variabilidade de cada geração.
- Histórico de gerações: cada geração é salva com seu texto, voz e configurações, e pode ser reproduzida ou revisitada a qualquer momento.
- Player de áudio integrado: reprodução baseada em forma de onda com wavesurfer.js para ouvir prévias e áudios gerados.
- Workspaces multi-organização: a autenticação com Clerk e a seleção de organização mantêm vozes e gerações separadas por equipe.
- API com tipagem segura: tipagem de ponta a ponta, do banco de dados à interface, com tRPC, Zod, Prisma e TanStack Query.
- Armazenamento de áudio em nuvem: amostras de voz e áudios gerados são armazenados no Cloudflare R2 e servidos por endpoints seguros e com escopo restrito.
- Design responsivo: painéis redimensionáveis e drawers adaptam o workspace ao desktop e ao celular sem perder funcionalidades.
- Monitoramento de erros: a integração com o Sentry captura erros de cliente, servidor e edge para uma operação confiável em produção.