The latest articles on DEV Community by igno pig (@igno_pig_ea082e8c47eaefc2). https://dev.to/igno_pig_ea082e8c47eaefc2 https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3956650%2Fb822065c-0d6d-4cd8-8337-67c0587fc99a.png https://dev.to/igno_pig_ea082e8c47eaefc2 en igno pig Thu, 28 May 2026 13:08:06 +0000 https://dev.to/igno_pig_ea082e8c47eaefc2/como-eu-criei-uma-plataforma-de-cultura-pop-usando-100-ia-e-vibe-coding-5ld https://dev.to/igno_pig_ea082e8c47eaefc2/como-eu-criei-uma-plataforma-de-cultura-pop-usando-100-ia-e-vibe-coding-5ld <p>Nos últimos anos, o desenvolvimento de software mudou completamente.</p> <p>Hoje, é possível criar uma plataforma inteira em produção usando IA, sem precisar de uma equipe gigante ou meses de desenvolvimento tradicional.</p> <p>Foi exatamente assim que nasceu o SoraPlay.</p> <h2> O que é o SoraPlay? </h2> <p>O SoraPlay é uma plataforma moderna focada em conteúdos de cultura pop:</p> <ul> <li>filmes</li> <li>séries</li> <li>animes</li> <li>trailers</li> <li>conteúdos em alta</li> <li>informações de personagens</li> <li>interação com a comunidade</li> <li>recomendações</li> <li>e praticamente tudo relacionado ao entretenimento</li> </ul> <p>A ideia principal era criar uma experiência rápida, bonita e moderna, principalmente para mobile.</p> <h2> O projeto foi feito praticamente inteiro com IA </h2> <p>Esse projeto foi criado usando o que muita gente começou a chamar de “vibe coding”.</p> <p>Ao invés de seguir um fluxo tradicional de desenvolvimento, grande parte do processo foi feita com auxílio de IA:</p> <ul> <li>criação de interfaces</li> <li>estruturação de componentes</li> <li>backend</li> <li>debugging</li> <li>modelagem de banco de dados</li> <li>SEO</li> <li>otimização de performance</li> </ul> <p>A IA deixou de ser apenas uma ferramenta e passou a funcionar quase como um parceiro de desenvolvimento.</p> <p>O fluxo basicamente era:</p> <ol> <li>descrever a ideia</li> <li>gerar uma base</li> <li>refinar visualmente</li> <li>ajustar arquitetura</li> <li>publicar</li> </ol> <p>A velocidade de desenvolvimento comparada ao modelo tradicional é absurda.</p> <h2> Stack utilizada </h2> <p>A plataforma utiliza uma arquitetura full stack moderna.</p> <h3> Frontend </h3> <ul> <li>Next.js</li> <li>React</li> <li>Tailwind CSS</li> </ul> <p>O Next.js permitiu criar:</p> <ul> <li>renderização server-side</li> <li>páginas otimizadas para SEO</li> <li>rotas dinâmicas</li> <li>carregamento rápido</li> <li>navegação fluida</li> </ul> <p>Algo extremamente importante para um site com muito conteúdo.</p> <h2> Backend </h2> <p>No backend, a plataforma utiliza:</p> <ul> <li>Node.js</li> <li>Prisma ORM</li> <li>PostgreSQL</li> </ul> <p>O Prisma acelerou bastante toda a parte de modelagem e gerenciamento do banco de dados.</p> <p>A base armazena:</p> <ul> <li>filmes</li> <li>séries</li> <li>animes</li> <li>categorias</li> <li>metadados</li> <li>conteúdos em destaque</li> <li>interações</li> <li>comentários</li> <li>analytics</li> </ul> <h2> Sistema automatizado de conteúdo </h2> <p>Uma das partes mais interessantes do projeto é a automação.</p> <p>O site utiliza cron jobs para:</p> <ul> <li>buscar conteúdos atualizados</li> <li>sincronizar metadados</li> <li>atualizar sessões em alta</li> <li>processar lançamentos</li> <li>atualizar avaliações e informações</li> </ul> <p>Isso permite que a plataforma continue sendo atualizada praticamente de forma automática.</p> <h2> Muito além de um catálogo </h2> <p>O objetivo do <a href="https://soraplay.sbs/" rel="noopener noreferrer">SoraPlay</a> nunca foi ser apenas um banco de dados.</p> <p>A ideia é criar uma plataforma viva, onde usuários possam:</p> <ul> <li>descobrir conteúdos</li> <li>assistir trailers</li> <li>interagir com páginas</li> <li>acompanhar tendências</li> <li>explorar recomendações</li> <li>participar da comunidade</li> </ul> <p>Hoje, usuários não querem apenas páginas estáticas.<br> Eles querem descoberta, interação e experiência.</p> <h2> SEO e performance </h2> <p>Como a plataforma possui milhares de páginas dinâmicas, SEO se tornou uma das maiores prioridades do projeto.</p> <p>Foram utilizadas estratégias como:</p> <ul> <li>metadata dinâmica</li> <li>renderização server-side</li> <li>estrutura otimizada</li> <li>URLs amigáveis</li> <li>páginas leves</li> <li>carregamento rápido</li> </ul> <p>Performance também foi um dos focos principais, porque plataformas de conteúdo tendem a ficar pesadas muito rapidamente.</p> <h2> A nova era do desenvolvimento </h2> <p>Projetos assim mostram o quanto o desenvolvimento de software está mudando.</p> <p>Hoje, uma única pessoa com:</p> <ul> <li>boas ideias</li> <li>ferramentas de IA</li> <li>persistência</li> </ul> <p>consegue criar plataformas enormes em uma velocidade que antes seria impossível.</p> <p>A IA não substitui criatividade.<br> Ela potencializa.</p> <h2> Considerações finais </h2> <p>O <a href="https://soraplay.sbs/" rel="noopener noreferrer">SoraPlay</a> começou quase como um experimento:<br> “Até onde dá para chegar usando desenvolvimento assistido por IA?”</p> <p>A resposta foi:<br> Muito mais longe do que eu imaginava.</p> <p>A combinação entre:</p> <ul> <li>IA</li> <li>vibe coding</li> <li>frameworks modernos</li> <li>iteração rápida</li> </ul> <p>permitiu construir uma plataforma completa de entretenimento em uma velocidade absurda.<br> <a href="https://soraplay.sbs/" rel="noopener noreferrer"></a><br> E sinceramente?<br> Isso provavelmente é apenas o começo da próxima geração de desenvolvimento de software.</p> ai showdev vibecoding webdev