Projeto: Tertuulia
Visão Geral
A visão do produto é "Democratizar a educação, tornando o conteúdo do YouTube acessível e estruturado para experiências de aprendizado organizadas." O público-alvo inclui criadores de conteúdo, estudantes e instituições de ensino que buscam ferramentas eficazes e de baixo custo para a criação de cursos.
Arquitetura da Solução
A plataforma utiliza uma arquitetura moderna com Next.js para o frontend, Supabase como backend (incluindo PostgreSQL, Auth e Storage) e a API de Dados v3 do YouTube para integração de conteúdo. O deploy é feito na Vercel, aproveitando seu CDN global e Edge Runtime para alta performance.
Frontend Detalhado
O frontend é construído com Next.js 15 (App Router) e TypeScript, garantindo tipagem segura e uma base de código robusta. O design responsivo (mobile-first) é implementado com Tailwind CSS, e o gerenciamento de estado combina React Hooks e Context API para uma experiência de usuário reativa e eficiente.
Backend e Segurança
O backend é totalmente gerenciado pelo Supabase, utilizando políticas de segurança em nível de linha (RLS) para garantir que os criadores acessem apenas seu próprio conteúdo e que os alunos visualizem apenas cursos publicados. A API segue um design RESTful para operações CRUD em playlists e matrículas.
Otimização de Performance
A performance é otimizada através de várias estratégias, incluindo a otimização de imagens com o componente `next/image`, code-splitting automático do Next.js, e caching de dados do servidor. O banco de dados possui índices estratégicos para garantir consultas rápidas e eficientes.
Experiência e Aprendizado
Desenvolver este projeto foi uma jornada de aprendizado imensa, aprofundando meus conhecimentos em tecnologias full-stack modernas. A implementação de uma arquitetura segura e escalável, desde a autenticação até a entrega de conteúdo, representou um desafio significativo e uma grande conquista profissional.
Link para o Projeto
Acesse a plataforma em www.tertuulia.com