Página inicial do FastDeck AI Página inicial do FastDeck AI

Como Criei um Micro SaaS do Zero em Apenas 7 Horas

Como Tudo Começou

Tenho usado PowerPoint e Google Docs regularmente desde meus tempos acadêmicos. Nos últimos 2-3 anos, tenho usado bastante o Canva.

Com a integração da IA, surgiu uma oportunidade incrível de criar apresentações em pouco tempo. Sim, a maioria das ferramentas mencionadas já integrou esse recurso até certo ponto.

Mas e se simplificássemos ainda mais, focando no objetivo? E se pudéssemos criar slides através de um prompt com recursos mínimos? Mantendo todos os recursos chamativos fora de vista e concentrando-se na função principal.

Ideia: Prompt → Gerador de Apresentações

É isso. Sem preocupações com design ou fundo – tudo feito pela IA. Basta um prompt e suas apresentações ficam prontas em um ou dois minutos. Em seguida, você tem as apresentações prontas para compartilhar.

Foi assim que nasceu o FastDeck AI.

No entanto, agora é mais importante validar a ideia e simplesmente entregá-la a alguns usuários iniciais.

Vale mencionar que fui muito inspirado por Marc Lou e sua abordagem para o desenvolvimento de SaaS.

“… Em vez disso, pense em semanas e descarte ideias que levem mais de um mês. Você também pode reduzir seu tempo de lançamento:

  • Pré-venda de um produto
  • Abandone testes de código e modo escuro
  • Divida grandes ideias em produtos com apenas uma função Não existe ideia perfeita.

A única maneira de saber é lançar.

Essa estrutura ajuda você a aumentar as chances de sucesso e se tornar lucrativo mais rapidamente…”

Construindo o FastDeck AI

Eu precisava usar uma stack tecnológica com a qual estivesse familiarizado para construir e prototipar este produto rapidamente. Escolhi o Databutton.

Aviso: Trabalho para o Databutton e tenho usado esta ferramenta extensivamente nos últimos meses.

O desenvolvedor de aplicativos de IA Databutton se especializa na construção de aplicativos web full-stack e MVPs de forma conversacional, especialmente quando os próprios aplicativos são orientados por IA.

Com Python como backend, React como frontend e implantação com um único botão, o Databutton serve como um bom ponto de partida para construir seu aplicativo.

Um Esboço Rápido da Arquitetura do App

Passei as primeiras horas esboçando a arquitetura principal do aplicativo e configurando os componentes-chave:

  • Como seria o frontend
  • Chamadas de backend/API a serem feitas a partir da UI
  • Como o aplicativo interagiria com os usuários finais

Arquitetura inicial do FastDeck AI A arquitetura inicial do FastDeck AI. Criada usando tldraw.

Além disso, fiz questão de documentar cada um dos processos e compartilhar enquanto construía.

Aqui está o primeiro tweet onde consegui fazer um Agente de IA criar um slide do zero…

Iterando e Construindo os Recursos Mínimos

Certo, já temos algo funcionando!

O próximo passo é continuar iterando e ter o aplicativo com recursos mínimos pronto o mais rápido possível.

Priorizei mais a interface do usuário do aplicativo.

  • Adicionei alguns cabeçalhos
  • Aprimorei a UI
  • Tornei o botão “Gerar Apresentação” visível
  • Mudei o tema de fundo
  • Adicionei um botão de “Logout”

Interface do usuário aprimorada

Concluindo o Trabalho no Backend

Com a interface do usuário do aplicativo tomando forma, era hora de focar no backend Python e melhorar o código principal para garantir funcionalidade e desempenho suaves.

Implementação das Funcionalidades Principais:

  • Firestore para Autenticação de Usuários: Utilizei o Firestore para gerenciar a autenticação de usuários. O template do Databutton foi particularmente útil para configurar isso de forma eficiente.
  • Geração de Código do Agente: Usei um simples hack de prompting com o GPT-4 da OpenAI para gerar código mais rapidamente. Essa abordagem funcionou notavelmente bem para acelerar o desenvolvimento.
  • Configuração de Autenticação + Banco de Dados Firestore: Dediquei tempo para decidir a melhor maneira de configurar a autenticação e estruturar o banco de dados Firestore. Também busquei uma arquitetura escalável que pudesse crescer com a base de usuários do aplicativo.

APIs principais do backend As principais APIs (backend) necessárias

APIs Principais (Backend) Necessárias para o MVP Rápido

API agent: A API de backend principal responsável por criar apresentações com base no prompt do usuário. Gera as apresentações e as passa para o frontend para exibição.

API firestore_database: Gerencia toda a autenticação de usuários e armazena as apresentações geradas por usuário.

Em Andamento: API stripe_webhook: Atualmente integrando a funcionalidade de pagamento usando o Stripe. Isso lidará com o processamento de pagamentos e gerenciamento de assinaturas.

Polindo o MVP e Testando Antes de Compartilhar com o Mundo

Desta vez, concentrei-me em adicionar mais funcionalidades de baixo custo.

Recursos como o número de slides que podem ser gerados ou o tom dos slides (por exemplo, profissional, casual) foram introduzidos. Esses parâmetros são passados para o backend como parte do prompt.

Em seguida, testei o MVP minuciosamente para garantir que todos os recursos funcionassem conforme o esperado, com o menor número possível de bugs. Verifiquei se a geração de slides, autenticação de usuários e outras funcionalidades principais operavam sem problemas.

Ah, espere…

Também percebi a necessidade de uma página inicial para demonstrar todas as possíveis funcionalidades do FastDeck AI.

Então, rapidamente gerei uma página inicial informativa que destaca as principais funcionalidades do aplicativo. Além disso, gravei um vídeo curto explicando como o aplicativo funciona.

Página inicial do FastDeck AI

Mais Promoção nas Redes Sociais (X, LinkedIn e TikTok) e Coleta de Feedback dos Primeiros Usuários

Falhou apenas uma vez, então reduzi os slides para 1; isso é tão divertido!!! e INCRÍVEL!! ótimo trabalho!

Feedback de usuário

O feedback dos usuários ajudou bastante! Com base no feedback, adicionei um novo recurso para compartilhar apresentações diretamente do aplicativo.

Além da promoção nas redes sociais, enviei alguns e-mails frios para os primeiros usuários.

E-mail para usuários iniciais

Como Está Agora e O Que Vem a Seguir?

Agora, temos mais de 30 usuários ativos usando o FastDeck AI.

Estatísticas de uso

Em algum momento, perdi o ímpeto de promovê-lo ultimamente, mas ver os registros constantes e o feedback positivo dos primeiros usuários tem sido incrivelmente encorajador.

Sim, eu definitivamente adoraria continuar trabalhando no FastDeck AI. Então, adoraria ouvir seu feedback e melhorá-lo!

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *