Você já pensou em construir um software completo, performático e realmente útil, gastando praticamente nada?
Neste artigo, eu mostro como desenvolvi um micro SaaS real do zero — chamado Falar em Inglês — que ajuda pessoas a melhorar a fala em inglês com feedback em tempo real.
Tudo foi feito em duas semanas, com R$ 40,00 de custo total (sim, só o domínio).
Por que eu resolvi fazer isso
Sou desenvolvedor há cerca de seis anos, e desde o início sempre quis entender como criar uma aplicação completa — da ideia até o deploy em produção.
Estou documentando esse processo em vídeo, mostrando como criar micro SaaS com custos quase nulos, mas com qualidade e estrutura profissional.
Este projeto é o primeiro dessa série, e todo o passo a passo está disponível gratuitamente no meu canal do YouTube.
O Projeto: “Falar em Inglês”
A ideia era simples: um app para praticar inglês falando — como se fosse um chat real, mas com feedback instantâneo sobre o que o usuário falou certo ou errado.
Sem IA, sem custos extras e sem depender de APIs pagas.
Stack principal:
- Frontend web com React + Vite
- App mobile com React Native + Expo
- Backend com Firebase (Firestore + Auth + Functions)
- Hospedagem, banco e autenticação — tudo no mesmo ecossistema
- CI/CD automatizado com GitHub Actions
1. Prototipação no Figma
Mesmo não sendo designer, fiz questão de começar com um protótipo visual no Figma.
Não precisei de nada muito elaborado — apenas o suficiente para entender as telas, fluxos e interações.
Isso me ajudou a visualizar o produto final antes mesmo de escrever a primeira linha de código.
E sério: essa etapa economizou muito tempo depois.
2. Diagrama de Negócios e Fluxo de Dados
Depois do protótipo, fui para o diagrama de negócios, mapeando:
- Fluxo de login e autenticação
- Comunicação entre o frontend e o Firestore
- Envio de e-mails via Cloud Functions + Resend
- Estrutura das lições e como o chat interage com o banco
Essa visão global foi essencial para não me perder entre tantas integrações.
Dica: diagramar antes de codar te poupa horas de retrabalho.
3. Desenvolvimento da Versão Web
Com o plano em mãos, comecei pelo frontend web.
Usei:
- React + Vite pela velocidade no desenvolvimento;
- Tailwind CSS para estilização rápida e componentização fluida;
-
APIs nativas do navegador:
-
SpeechRecognitionpara converter fala em texto; -
SpeechSynthesispara gerar o áudio das falas.
-
O resultado: um app que conversa com você e te mostra em tempo real onde você errou ou acertou — sem precisar de IA cara ou backend complexo.
4. App Mobile com React Native
O próximo passo foi levar tudo para o celular.
Utilizei React Native com Expo e o NativeWind, que integra o Tailwind no mobile.
Boa parte do código da versão web foi reaproveitada — e o script de análise de fala funcionou perfeitamente no app também.
Para TTS e STT usei:
-
expo-speech(text-to-speech) - uma biblioteca da comunidade para speech-to-text
Hoje, o app está publicado na Google Play, e futuramente chegará ao iOS também.
5. Backend com Firebase
Aqui o Firebase brilhou.
Com ele, consegui:
- Autenticação com Google (via Firebase Auth)
- Banco NoSQL em tempo real (Firestore)
- Lógica de backend com Cloud Functions
- Hospedagem do site e CI/CD integrado
O melhor é que tudo isso roda de graça até atingir um bom volume de usuários — e o upgrade para o plano Blaze custa centavos.
6. Deploy e Automação
Para o deploy, registrei o domínio falaremingles.com.br (R$ 40,00).
Configurei:
- Firebase Hosting para o frontend
- Resend para envio de e-mails
- CI/CD com GitHub Actions — que faz o deploy automático e também dispara o build do app Android no Expo
Em resumo: o sistema se publica sozinho a cada push na branch principal.
Custos Totais
| Item | Custo |
|---|---|
| Domínio .com.br | R$ 40,00 |
| Firebase | Gratuito (plano Blaze ainda sem uso pago) |
| CI/CD + Expo | Gratuito |
| Total | R$ 40,00 |
Nada de servidores, nada de APIs pagas.
E o sistema já está em produção, estável e recebendo usuários.
Conclusão: Micro SaaS é o futuro dos devs independentes
Construir um micro SaaS enxuto, rápido e funcional é totalmente possível hoje.
Ferramentas como o Firebase, Vite e React Native permitem criar produtos reais em dias — não meses.
Mas o mais importante é ter um método:
prototipar, diagramar, codar com base no que você domina, e automatizar tudo o que for repetitivo.
Todo esse processo está documentado em vídeo no meu canal do YouTube, Lucas Souza Dev, com mais de 24 horas de conteúdo prático, sem enrolação.
Se você quer criar o seu próprio micro SaaS e começar a gerar renda com seus projetos, esse é o melhor ponto de partida.
📺 Assista à série completa no YouTube
Veja como criei o Falar em Inglês do zero — do Figma ao deploy — passo a passo, com código e tutoriais gratuitos:
👉 youtube.com/@LucasSouzaDev
Top comments (0)