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