Eu ganho R$1.159 por dia com essa SIMPLES stack

6.64k views1200 WordsCopy TextShare
André Dev
Next.js, Stripe e Firebase. Os três pilares do meu produto SaaS que me gerou R$ 66,083.02 de receita...
Video Transcript:
Fala aí pessoal tudo certo tô aqui para mostrar um pouco como é que eu fiz a loveu um pouco da arquitetura todo o processo como é que foi a stack que eu usei as ferramentas então sem mais delongas vamos lá Tudo começa com uma Landing page certo eu fiz a Landing page aqui da loveu bem simples não tem nada demais é simplesmente um formulário ah na primeira versão não tinha dois planos era apenas de R 19,90 e como como é que foi o meu processo aqui por trás é qual foi o meu pensamento né eu
pensei Qual a forma mais simples que eu posso fazer essa Landing page e o que que eu posso simplificar e eu fui nesse processo nesse pensamento é muitas coisas aqui eu adicionei depois como essa parte aqui é nova e não tem não tinha antes né quando eu lancei o fec aqui também não tinha era bem simples tudo para qu para ter o MVP eh é o que eu sempre falo você tem que ter o MVP ali fazer o mais rápido possível para lançar e ver se tem engajamento ou não porque se você fizer o produto
e vê que não tem engajamento você perde pouco tempo e já consegue partir pro próximo certo então tá aqui essa é a Landing page simples eu fiz um preview aqui paraa pessoa poder ver como é que vai ficar né antes de fazer a compra E clicando aqui no criar no criar nosso site e ela é direcionada para uma página de pagamento Lembrando que eu fiz essa Landing page com o nextjs e com a vercel o nextjs é muito bom porque ele facilita a questão de seo E também porque ele utiliza react que é a o
Framework que eu sou melhor né E outra dica também escolha estech que você já sabe já conhece não não inventa de aprender novas coisas porque tá na moda ou porque é 10% mais rápido a pena faça com que você já sabe beleza porque a ideia é ir rápido então eu já tava familiarizado com next fiz com next e hospedei na vercel que eles facilitam bastante para para aplicações next bele Bel eu pago por mês para hospedar também eu uso o te Wind para fazer a estilização ali eu acho que com te é muito rápido muito
fácil você criar interfaces e foi o que eu decidi usar e mais uma vez era o que eu sabia também então eu fui com ele como eu disse quando a pessoa clica ali no criar o nosso site ele vai para uma uma tela de Pag pagamento e essa tela de pagamento é feita pela stripe eles facilitam bastante ali para Quem é desenvolvedor e com algumas linhas de código Você já consegue integrar e eh colocar uma tela de pagamento no seu site eh com o checkout integrado deles que é muito fácil nesse meio tempo quando a
pessoa clica no no checkout eu Gero um hash único para essa pessoa e a armazena os dados que ela preencheu mais as fotos no firebase porque ó a pessoa tem o nome do casal aqui o a data de início de relacionamento a mensagem e as fotos eu preciso armazenar isso em algum lugar e eu escolhi o firebase Pois porque é muito rápido usar o firebase para criar esse tipo de aplicação eh então eu armazeno lá Gero um hash único para cada casal pois isso evita dar duplicação certo imagina se tem um casal com o mesmo
nome para não salvar eh duas pessoas iguais né e der problema eu Gero esse Rash único mas o nome do casal que vai ser a URL ali vou até mostrar aqui por exemplo André e Carol a pessoa vai ter essa URL aqui mais o hash único é assim que eu fiz para armazenar os dados do casal e depois disso tem eu escuto eventos por meio do Web Hook a stripe libera Esse é muito bom no início é um pouco complicado ali você tem que aprender como é que funciona mas depois que você pega o jeito
depois é só copiar e colar dos seus projetos e o Web Hook ele envia eventos de pagamento de falha de pagamento e quando eu recebo o evento de que a pessoa não fez o eu vou lá e apago os dados da pessoa eu não quero ficar armazenando foto de gente que não pagou entendeu porque isso vai ocupar muito espaço ali no meu banco de dados e eu pago por armazenamento até o momento eu já fiz mais de 2.000 vendas tem mais de 2.000 páginas criadas Eu ainda tô no Free tia eu não pago nada no
f base O que é muito bom o único custo que eu tenho aqui é com a versel que é os 20$ 20 certo então se ele não fez o pagamento vou lá e apago e se caso ele fez o pagamento eu redireciona ele pra página do casal que é onde tem o hash único do casal tem lá também a possibilidade de fazer o download do QR Code editar a página se ela quiser vocês podem reparar que não tem login foi foi uma decisão que eu tomei ali naquele processo de como simplificar o processo eu inicialmente
eu ia fazer login só que eu pensei pô eu consigo fazer sem login e a resposta foi sim que foi gerando um hash único PR para cada casal e eles recebem no e-mail então é é único né da para cada casal e tem a segurança ali de que somente a pessoa que tem o acesso ao e-mail tem acesso ao link Então ela consegue editar aqui baixar o q code e tudo mais e tudo isso é uma mesma aplia certo tanto a Landing page como a página do casal é uma aplicação Só que é em cima
do nextjs armazenado hospedado na vercel depois disso com esse web Hook de pagamento concluído eu envio um e-mail pra pessoa com o link único dela eu aqui utilizo o Amazon S que para usar você precisa é bem simples você faz o cadastro Manda uma um pedido para eles para enviar e-mails usando o ss eles perguntam Qual o motivo que você quer usar no caso aqui eu falei que era e-mails transacionais para minha aplicação e eles liberaram em questão de um dia e também e até o momento é gratuito não tô pagando nada por esse serviço
porque eu ainda tô no Free Tier certo então aqui o custo é zero também Além disso tem questão de contabilidade e questão de notas fiscais sim eu preciso gerar uma nota fiscal por venda mas eu acho que ISS assunto para outro vídeo esse aqui eu quis deixar focado somente na questão da arquitetura da stack que eu utilizei se vocês quiserem saber mais sobre esse processo de contabilidade notas fiscais deixa aí no comentário e é isso deixa seu like aí curte e comenta e compartilha beleza e qualquer coisa a gente vai conversando aí no comentários valeu
Related Videos
24 HORAS usando OpenAI o1-preview | não conseguiu fazer o 🍓🍓🍓
23:37
24 HORAS usando OpenAI o1-preview | não co...
Lucas Montano
50,589 views
Criar um ECOSSISTEMA é a melhor forma de Fazer Dinheiro sendo dev.
8:54
Criar um ECOSSISTEMA é a melhor forma de F...
Binhara
10,132 views
O que é Angular e AngularJS? #HipstersPontoTube
13:39
O que é Angular e AngularJS? #HipstersPont...
Alura
70,579 views
Webhooks (Os Melhores Apps Usam) // Dicionário do Programador
11:25
Webhooks (Os Melhores Apps Usam) // Dicion...
Código Fonte TV
37,676 views
Como Eu Programo e Hospedo Sites da Forma Mais Moderna que Existe [GUIA DEFINITIVO]
31:08
Como Eu Programo e Hospedo Sites da Forma ...
Filipe Deschamps
487,939 views
Eu RESUMI o Next.js 14 para você! (Server Components & Actions)
24:10
Eu RESUMI o Next.js 14 para você! (Server ...
Rocketseat
65,637 views
Eu preciso te contar o que aconteceu
20:35
Eu preciso te contar o que aconteceu
Code By Duda
16,643 views
COMPREI O FAMOSO PC GAMER COMPLETO POR 1.899 REAIS DO MERCADO LIVRE
27:50
COMPREI O FAMOSO PC GAMER COMPLETO POR 1.8...
MW Informática
514,833 views
15 exemplos de Micro SaaS IA que já estão faturando
17:16
15 exemplos de Micro SaaS IA que já estão ...
NoCode StartUp
34,674 views
The True Size of an AI Niche - Why Saturation is a Myth
16:51
The True Size of an AI Niche - Why Saturat...
Liam Ottley
1,291 views
Hamster Kombat Season 2 - Hamster Kombat Season 1 Ended | Hamster Kombat Withdrawal Now
10:45
Hamster Kombat Season 2 - Hamster Kombat S...
African Giant by Blessing Kolawole
234,683 views
Visitei uma empresa de SOFTWARE e aprendi o SEGREDO pra ficar RICO!
40:51
Visitei uma empresa de SOFTWARE e aprendi ...
Flutterando TV
43,498 views
Seu primeiro servidor no Fastify com Node.js
3:06
Seu primeiro servidor no Fastify com Node.js
Rocketseat
14,112 views
Aprenda a Usar APIs // Mão no Código #7
36:59
Aprenda a Usar APIs // Mão no Código #7
Código Fonte TV
189,376 views
O que são webhooks, para que servem e como funcionam?
9:32
O que são webhooks, para que servem e como...
CodarMe
31,743 views
5 ideias de SaaS IA com nocode para te deixar milionário
13:35
5 ideias de SaaS IA com nocode para te dei...
NoCode StartUp
14,494 views
📄 Como Criar uma Landing Page GRÁTIS - Ferramenta TOP para criar página de Vendas e Captura!
18:00
📄 Como Criar uma Landing Page GRÁTIS - Fe...
Darlan Evandro
58,610 views
Como Fazer Uma API (o jeito mais fácil e moderno que eu já vi)
22:58
Como Fazer Uma API (o jeito mais fácil e m...
Filipe Deschamps
484,812 views
Criando aplicações usando React e Next jS com Typescript - Aula 01 - Curso de React Next
15:49
Criando aplicações usando React e Next jS ...
CFBCursos
10,894 views
React Native Animated Counter
24:09
React Native Animated Counter
Catalin Miron
1,876 views
Copyright © 2024. Made with ♥ in London by YTScribe.com