💻 Construcao do SaaS
Auth, dashboard, system prompts, upload multimodal, estados do sistema, historico e exercicio pratico para construir um SaaS funcional com IA.
O sistema de login, registro e primeiro acesso do usuario. Inclui Supabase Auth, JWT tokens, session management e integracao com social login (Google, GitHub). E a primeira impressao do produto.
Sem autenticacao, nao existe SaaS. E o gate que separa visitante de usuario. Auth mal feita vaza dados, auth bem feita converte visitantes e mantem sessoes seguras.
Supabase Auth simplifica tudo: signup, login, reset password, OAuth em poucas linhas. JWT tokens carregam identidade. Session management define quanto tempo o usuario fica logado. Onboarding guia o primeiro uso.
A tela principal do SaaS onde o usuario opera. Inclui layout design, navigation patterns, sidebar vs topbar, e a decisao entre design centrado em conversa vs centrado em transacao.
O dashboard e onde o usuario passa 90% do tempo. UX ruim no dashboard mata retencao. Apps de IA tem desafios unicos: tempo de resposta variavel, outputs longos, estados assincronos.
Conversation-centered (tipo ChatGPT) vs Transaction-centered (tipo Notion). Sidebar para navegacao, area principal para conteudo. Loading states visiveis, feedback instantaneo em cada acao.
O pipeline completo de como a mensagem do usuario vira resposta da IA: input do usuario, system prompt que define o comportamento, configuracoes de temperature e context window, e formatacao do output.
O system prompt define a personalidade e capacidades do seu SaaS. Temperature errada gera respostas inconsistentes. Context window mal gerenciado gasta dinheiro e perde informacao.
System prompt = instrucoes permanentes que moldam o comportamento. Temperature 0 = deterministico, 1 = criativo. Context window = memoria de curto prazo da conversa. Streaming = resposta aparecendo em tempo real.
A capacidade do SaaS de receber e processar arquivos alem de texto: PDFs, imagens, videos. Inclui patterns de upload, chunking de documentos grandes, OCR para extrair texto de imagens e vision models para entender conteudo visual.
SaaS que so aceita texto e limitado. Upload multimodal e o diferencial que transforma um chatbot simples em uma ferramenta profissional. Usuarios querem enviar contratos, fotos, relatorios.
Chunking = quebrar documentos grandes em pedacos processaveis. OCR = extrair texto de imagens/scans. Vision models (GPT-4o, Claude) analisam imagens diretamente. Limites: tamanho de arquivo, formatos aceitos, custo por token.
Como o sistema comunica o que esta acontecendo ao usuario: loading, processando, erro, concluido. Inclui UX patterns para operacoes assincronas de IA, historico de conversas e persistencia de sessoes.
IA demora. Se o usuario nao sabe o que esta acontecendo, ele fecha a aba. Estados claros reduzem abandono. Historico permite retomar conversas e e feature obrigatoria em qualquer SaaS com IA.
4 estados: idle, loading, success, error. Skeleton screens durante carregamento. Streaming text para respostas longas. Historico salvo no banco com session_id. Persistencia = usuario volta e continua de onde parou.
Exercicio pratico para construir a interface completa do SaaS: autenticacao funcional, dashboard com navegacao, fluxo de IA com system prompt, upload de arquivos e gerenciamento de estados e historico.
Teoria sem pratica nao constroi produto. Este exercicio junta todas as pecas dos topicos anteriores num sistema funcional. Ao final, voce tem um SaaS que um usuario real pode usar.
Entregaveis: 1) Login/registro funcionando, 2) Dashboard com sidebar e area principal, 3) Input de texto + system prompt gerando resposta, 4) Upload de arquivo processado, 5) Historico de conversas persistente.