Executando verificação de segurança...
-4

Como Criei um Micro-SaaS e Fiz o Deploy em Apenas 2 Dias (Com R$ 6,50 no Bolso!)

Neste post, quero compartilhar como consegui construir um micro-SaaS, incluindo o deploy, em apenas dois dias.

Com toda essa onda de SaaS e micro-SaaS, decidi embarcar nesse desafio e implementar algumas funcionalidades para praticar minhas habilidades.

Na segunda-feira, 30 de outubro de 2024, durante a aula de Desenvolvimento de Software II, meu professor apresentou o site The Million Dollar Homepage, criado por um cara em 2005. Ele teve a ideia inovadora de vender pixels no site.

Pensei: "Que desafio interessante! Por que não tentar recriar esse sistema e lançá-lo como um micro-SaaS?"

Tecnologias que utilizei:

Ideação e V0:

  • Usei o V0 da Vercel, uma IA incrível para criar rapidamente uma versão inicial do front-end.

IDE:

  • Cursor

Front-end:

  • Next.js 14
  • Shadcn/UI
  • TailwindCSS

Back-end e banco de dados:

  • Next Routes
  • Prisma
  • PostgreSQL
  • Stripe

Principais desafios:

O objetivo era gerar 1 milhão de pixels para que as pessoas pudessem comprar a quantidade desejada e adicionar uma imagem com um link que redirecionaria os usuários que clicassem. No entanto, o app travava demais enquanto eu tentava gerar os 1 milhão de pixels.

Não sei como o criador original conseguiu fazer isso em 2005, mas eu não tive a mesma paciência! xD

Decidi então reduzir para 10 mil pixels, e o resultado foi excelente.

Outro desafio foi integrar o Stripe. Nunca tinha feito isso antes, mas foi uma experiência muito legal, "exeto a taxa que o Stipe cobra por venda -_-". A única parte chata foi que gastei R$ 6,50 para testar a integração. Embora com certeza exista uma forma de testar de graça, acabei não pesquisando. Y-Y (Caso você tenha um link para um artigo ou vídeo que demonstre isso, manda ai no comentário!)

Deploy:

Como tanto o front-end quanto o back-end foram feitos com Next.js, fiz o deploy na Vercel.

O banco de dados subi na Render.

Quanto gastei:

Tirando os R$ 6,50 gastos para testar o Stripe e as horas que passei codando nos dois dias, não gastei mais nada. Fiz um "deploy de pobre", rsrs.

Esse foi o processo todo. Agora, espero vender todos os pixels para faturar R$ 10.000 e omprar um terreno para realizar o sonho da casa própria, rsrs.

Se quiser dar uma olhada no sistema e adquirir seu pixel para deixar sua marca online para a posteridade, acesse: Ten Thousand Reais. Diferente do The Million Dollar Homepage o Ten Thousand Reais ainda tem 9999 pixels a venda rsrs.

Caso os resultados desse micro-saas sejam relevantes, eu posso criar mais conteúdos sobre ele, explicando quanto faturei e como tá sendo lidar com ele.

Carregando publicação patrocinada...
3

Que ideia interessante, não tinha ouvido falar desse site,
é uma ideia relativamente simples mas bem implementada

me lembrou muito aqueles NFT que vendem um terreno em jogos específicos, mas eu não encontrei a página que mostra todos os pixels, ou a unica página disponível é aquela que aparece quando a gente tenta comprar um pixel?

2
1
0
3

interessante a ideia, mas no mobile a xp está bem ruim.

não consegui selecionar mais do que 1 pixel por vez.

seria interessante poder comprar mais de um pixel por vez para o anuncio ficar maior.

0
1

Com todo respeito, Casimiro. Mas isso tá um SaaS de preguiçoso. Se ao menos o design fosse menos embaraçoso ficaria melhor :/

A ideia parece ser legal, mas a forma que ele foi apresentada visualmente acabou desgastando o projeto, mas parabéns pela inciativa, tô torcendo para dá certo!

1
1

Bem interessante, mas acho que deveria dar uma atenção ao mobile. a experiência não tá muito bacana, os espaços estão bem pequenos e não consigo selecionar mais de um espaço.
No mais, parabéns!

1

Obrigado pelo feedback, subi uma alteração que melhorou um pouco a experiencia do mobile, no mais não tenho mais o que fazer pois a ideia era ser um app somente para pc mesmo, como são muitos pixels, a experiencia no mobile pode realmente ser empactada.