24 HORAS usando OpenAI o1-preview | não conseguiu fazer o 🍓🍓🍓

Cara isso aqui tá muito longe de ser um morango eu passei as últimas 24 horas testando um novo modelo do chat IPT da Open ai o o One que eles liberaram essa semana no dia 12 de setembro e eu quero trazer para vocês o que que eu fui capaz de fazer em 24 horas o projeto que eu coloquei no ar que já tem cliente que já tá faturando E por que que eu acho que mesmo esse modelo ainda não seria capaz de roubar os nossos empregos como programadores esse é o site mais estúpido Que Eu

Já criei onde precisa pagar 1 Dólar para clicar nesse botão estúpido e aparentemente 34 pessoas decidiram clicar nesse botão estúpido eu sei acontece algo depois que tu clica no botão quem clicou aí não diz tá vamos manter o Hype mas uma das partes que eu fiquei interessado em fazer esse projeto na verdade não é no no visual não é no no quão complexo ele é em termos de interface mas é o quão complexo ele é no em sentido de colocar de pé e obviamente tá o o dinheiro que eu faturei nas 24 horas na verdade

não tem nada a ver com o projeto tem simplesmente pelo fato de que a gente grava vídeo aqui pro YouTube muitos de vocês assistem mais de 60.000 pessoas assistiam meu vídeo do sobre o modelo o One e claro dessas 60.000 algumas iam ficar curiosas o suficiente para clicar no botão pagando um dólar para saber o que acontece então não tem muito a ver com o projeto com o mérito do Olha só sim a inteligência artificial vai criar Business Com milhões de faturamento não obviamente não mas eu quero mostrar para vocês então o que que vocês

poderiam est fazendo com essas inteligências artificiais e também a limitação dela porque como vocês podem ver isso aqui não tem nada a ver com o morango e foi o que fez eu ter que mudar para um dunet Por que que é tão simples criar um dunet girando em 3D usando Ask e é tão difícil criar um morango então vamos lá ah deixa eu te mostrar toda o histórico de conversa que eu tive com o ow One do chat ept para criar esse site aqui funcional Então esse site tá funcionando 100% tá hospedado na minha VPS

eu vou mostrar tudo para vocês de como que eu criei do por que tu só precisa de uma VPS hoje em dia para fazer tudo que tu precisa o prompt eu posso te dizer que é tão estúpido quanto aquele botão ali o que eu pedi foi o seguinte eu quero criar tá um website simples com um botão Estúpido é o botão mais estúpido que existe para clicar no botão o usuário precisa pagar ó via stripe toda vez que alguém compra e clica no botão precisamos atualizar o valor que o site ganhou então lá em cima

nós temos o valor de quanto que a gente já faturou com o site então no canto superior direito devemos ter uma contagem de dólar o site tem apenas o botão no meio o site precisa ter uma cor de fundo preta o botão pode ser branco com texto da cor preta vocês podem ver que depois eu mudei isso aqui e eu também adicionei o Donut e esse Donut eu adicionei para provar um ponto para vocês que eu vou falar ainda aqui no vídeo mas continuando ao clicar no botão devemos mostrar uma mensagem da sorte você pode

utilizar api Open ai para fazer isso requisitos técnicos preciso de todas as etapas e comandos para criar e hospedar em uma VPS utilizando Debian né a distribuição que eu tô usando lá do Linux dê-me todos os comandos para configurar o ambiente incluindo como adicionar as chaves de api necessárias para o stripe e Open a faça isso usando JavaScript dme todos os comandos incluindo make de para criar diretório touch Ah e todo o código fonte que eu preciso colar em cada arquivo me dá isso para eu executar no projeto no meu na minha VPS Então como

que eu coloquei isso em prática eu queria que ele me desse todos os comandos e eu só fosse copiando e colando não precisasse utilizar nenhum editor de texto Por quê Porque se eu apenas precisar conectar na minha VPS por ssg e executar os comandos que ele tá me passando se eu for capaz de fazer isso um agente autônomo no aia poderia também fazer isso e colocar o site de pré de pé por conta própria então eu não queria uma interação desenvolvedor visual visual code uma ideia um nelvin eu não queria nenhum mano na interação então

foi por isso que eu pedi para ele me dar todos os comandos incluindo os comandos de criar uma pasta de criar um arquivo e por aí vai e foi aqui que eu fiquei bem surpreso porque embora esse projeto aqui seja muito simples e tu pode achar que é tão idiota quanto o botão o o botão estúpido o botão mais estúpido que tu já viu na internet na verdade o System design não é tão simples Então deixa eu te mostrar aqui mais ou menos como que ficou a arquitetura do nosso sistema nós temos um usuário esse

usuário acessa o aplicativo pela web depois eu passei instruções e eu vou mostrar para vocês os prompts dizendo que eu tava usando Cloud flare então lá no Cloud flare é onde eu tenho o meu domínio do cloudfare ele faz a gerência do tráfico e ameaças né ddos e tudo mais que vai pra camada de Firewall que vai então fazer uma filtragem adicional que vai pra minha VPS que faz o trajeto do tráfico pra minha aplicação web que processa o pagamento com stripe que manda uma notificação de eventos via web Hook que volta pr pra aplicação

web então processa a informa processa as informações da notificação que tá vindo da do Web Hook da stripe solicita então a geração de uma mensagem que a gente pede paraa Open Ai que retorna essa mensagem pra aplicação que mostra isso pro usuário e quando eu lancei o site a gente tinha um bug que é o usuário Mesmo não tendo ainda pago algo ele poderia diretamente entrar na página de sucesso e ver e usar a chamada da api da Open Então se alguém quisesse criar um bote e basicamente me Fali poderia ter feito isso nas primeiras

horas que eu coloquei o sistema no ar o o One One não foi capaz de detectar isso e depois eu pedi para ele corrigir monitorando a sessão de compra do stripe e registrando isso para que apenas tu tendo uma sessão válida no stripe de pagamento tu conseguisse clicar de fato no botão e também que tu não pudesse clicar no botão múltiplas vezes com o mesmo ID de sessão tá então só dando um pouco mais de contexto porque eu obviamente não vou ver não vou ler todas as interações aqui que eu tive com com ow One

para vocês então ele fala que claro Abaixo estão todos os passos comandos e trechos de código que você precisa criar e hospedar no seu site pro seu site to PED Button Ah então ele botou aqui atualização da VPS Debian então Debian do APT update aí instalando node aí criar o diretório do projeto aí inicializando o projeto com npm instalando os pacotes necessários ele instalou o Express o stripe openi dnv e Body parser aí ele também instalou o pm2 que é para gerenciar a nossa aplicação web então hoje então deixa eu conectar lá no meu SSH

eu tô usando a hostinger aqui então tô conectado aqui na na hostinger LS eu tenho que dar um CD pro Stupid Button só para vocês verem aqui eu tô usando o Git para fazer Deploy vocês podem ver que a gente tem alguns arquivos sendo modificados um dos arquivos tá o total por exemplo é o arquivo que a gente tem a contagem de Dólares então ele decidiu guardar isso no arquivo a gente não tá nem utilizando uma base de dados depois ele tá guardando isso num Jon ah de basicamente todas as compras que foram feitas e

também ali Tu tem a o ID da Sessão da compra quando que foi criada a mensagem se ela já foi gerada ou não para aquele ID tem alguns ids ali sem mensagem provavelmente foram compras que foram canceladas bom Aqui nós temos o nosso então pm2 para gerenciar Nossa aplicação web o status tá online utilizando CPU aqui 0% de CPU e memória tá utilizando 15 MB Se eu entrar aqui no meu dashboard da hostinger vocês vão ver que a gente tá usando 2% da CPU 6% da memória uso de disco tá em 3% utilizado cerca de

3 GB isso contando com todo o sistema operacional tudoo que a gente tem lá largura de banda eu tenho 8 ta no meu plano que é o plano mais ah padrão deles o que a galera mais usa e eu tô usando só 0,13 Então cara eu tô usando o kvm2 lá da hostinger então assim tem espaço PR PR tem escalabilidade suficiente aqui mostrando um pouco só da HG aqui para vocês eles TM também uma I lá que tu pode perguntar qual é o sistema operacional rodando na minha VPS e ele tem todo o contexto da

tua VPS então aqui ele já sabe que é o o Debian 12 e eu poderia pedir para ele instalar todos os pacotes para mim ou perguntar como como eu instalo Na verdade ele não vai executar nada para mim mas no caso do GPT eu precisei passar todo esse contexto para ele por isso que todos os comandos que eu rodei funcionaram tá bom teve apenas um comando que não funcionou que foi o comando do Firewall então ele segue aqui criando o arquivo de environment para colocar as as chaves de Api para colocar o meu domínio também

a porta que tá sendo utilizada Ah ele criou todos os arquivos então só foi me dando os comandos eu fui copiando e colando só para vocês verem aqui que eu não precisei modificar nada e sim copiar e colar tudo isso aqui funcionou de primeira funcionou de primeira no sentido de que eu não precisei no caso abrir um editor de código e corrigir a única coisa que não funcionou de primeira foi a configuração do Firewall que eu precisei eu não tinha o ufw instalado eu precisei instalar e ele não tinha me passado esse comando para habilitar

beleza mas no restante tudo funcionou 100% o site foi pra produção e o cliente já poderia pagar algo isso durou cerca de meia hora até que eu conseguisse colocar 100% no ar e agora uma mensagem para quem é programador e tá assistindo isso aqui cara tem uma coisa que eu acho que o ow One foi um divisor para mim tá para quem não sabe eu sou desenvolvedor mobile Eu trabalho no Disney Plus então eu trabalho com desenvolvimento Android Nativo e eu eu trabalhei com backend cara em 2007 de 2007 a 2011 eu programei em PHP

então eu sou do Peg pezão com jquery CSS HTML aquela época bombando eu sei configurar servidores eu mas isso já fazem mais de 10 anos então muita coisa aqui eu não sabia fazer por exemplo configurar o Firewall através configurar o Engine x através do do Firewall configurar a o cloud flare qual descrição eu coloco no Cloud flare eu instalo Um certificado tls para https no meu na minha VPS e eu também uso no Cloud flare Que tipo de regra eu preciso criar uma flexível uma full uma full strict o que que eu coloco na configuração

do meu nginx para lidar com os proxy como é que eu faço o proxy entendeu eu quero deixar a porta 42 42 apenas disponível para Cloud flare utilizar Como que eu faço tudo isso e cara ele me ensinou fazer tudo isso então mais mais ou menos o recado que eu quero dar é que que eu acho que a partir desse modelo do ow One tu na verdade se tu quer botar um projeto teu de pé e tu é um Dev front Change um Dev mobile e tu não sabe de backend tu sempre a tua alternativa

é sempre para pagar para usar sei lá meu vercel ou tu vai usar ah Fire base algo que te dê pronto esse backend opinião tá sincera aqui eu eu tenho até que ser bem transparente a hostinger é parceira aqui do canal então por isso que eu mostro para vocês e quando eu uso a VPS eu uso a VPS da hgar porque eu USA antes eles entraram em contato a gente é parceiro agora eles me pagam para falar deles sendo bem transparente com vocês mas eu eu eu juro Cara eu não tô te dizendo isso porque

a rostiger patrocina o canal eu tô dizendo isso porque de fato eu acredito que tu hoje não tendo conhecimento de infra de de servidores de como configurar tua VPS eu acho que é mais vantagem tu ter uma VPS tu aprender a fazer isso porque tu ganha conhecimento e porque tu escala no sentido de que não precisa depender de nenhuma outra plataforma entendeu conseguir colocar esse site hospedado na minha VPS sendo que eu não tenho muita experiência com configuração de nginx de cloud flare consegui fazer com que esse fluxo acontecesse de forma segura e que não

desse erro por exemplo de redirecionamento não desse erro no meu proxy não desse erro no meu certificado cara tudo isso eu consegui fazer em uma tarde então ele me passou como configurar o nginx na minha VPS lá da hostinger ele ã me deu exemplos de como acessar pela porta 80 o projeto proteger o aplicativo com SSL né então a adicionar certo bot para gerar o o certificado E aí até então eu não tinha dito que eu tava usando o cloudfare então eu coloquei para ele olha eu tô usando cloudfare para o servidor de nomes né

aqui tá traduzido do inglês para português para eu poder ler aqui daí ele falou entendido como você está usando Cloud flare para os seus servidores de o teu name server name server precisará ajustar a configuração anterior para para integrar o serviço do Cloud flare corretamente o cloud flare atua como um proxy reverso entre seus usuários e o seu servidor basicamente quando tu acesso o meu domínio e esse domínio vai cair lá no Cloud flare o cloud flare vai resolver isso e ele vai usar um proxy reverso para conectar na minha VPS pela porta 4242 Ah

se tu tentar acessar essa porta tu não vai conseguir por quê E como que eu fiz isso cara eu precisei criar toda a tabela de IP do cloudfare mas eu aprendi a fazer isso utilizando o o modelo né então aqui ele fala o cloudfare atua como prox reverso entre teu usuário e o servidor fornecendo benefícios como gerenciamento de DNS criptografia e proteção ddos então ele ensinou a apontar o domínio pro servidor DNS lá do cloudflare ele configurar o SSL tls eu já tinha feito isso na VPS mas eu não tinha feito a configuração do Cloud

flare atualizar a configuração do NG engex vocês falam engex ou engix obte o certificado scl com Lets encrypt a ajustar o aplicativo para cloudfare então manipular endereços IP reais então aqui basicamente ele me colocou a lista dos IPs da da cloudfare E como que eu precisava fazer para basicamente colocar essa tabela de IP ã em prática lá no meu nginx né também me mostrou Como fazer a atualização do do Web Hook do endpoint lá na stripe e como configurar então o Firewall para aceitar aqui porta 43 443 e 80 e negar a porta 42 42

Então o meu Firewall da VPS lá na Hoster tá bloqueando acesso 4242 esse acesso ele é liberado pra cloudfare aqui tá o arquivo atualizado o arquivo final né de servidor na porta 80 443 SSL E também o prox a configuração de prox pra porta 4242 bom esse vídeo ficou bem técnico Mas uma coisa que eu queria falar para vocês porque que tem esse Donuts rodando em 3D no site cara em um determinado momento eu pensei o seguinte esse site tá muito simples só com botão estúpido a gente precisa colocar o quê Alguma coisa girando alguma

animação eu pensei Quem sabe a gente faz aquele Donut em Ask 3D spinning Então se tu procurar no Google 3D Ask spinning tu vai ver várias implementações do donet ou do planeta terra ou de um quadrado ou de um cubo mas não existe basicamente nenhum do morango morangos então quem sabe a gente coloca um morango em Ask 3D girando no site Olha só que massa ia ficar bom e foi isso que eu tentei fazer eu falei o seguinte quero algo inspirado no 3D Ask spinning dunet mas precisa ser um morango invés de um dunet e

ele falou absolutamente eu faço isso aí cara em 20 segundinhos eu faço para ti deu comecei a ficar animado né absolutamente criaram um morango Asque giratório 3D inspirado no clássico 3D Ask spinning DUT é uma maneira implante de melhorar o aspecto visual do seu site esse recurso não só adicionará uma estética única mas também fornecerá feedback interativo colorindo os pixels com base nas compras Então qual que era o meu objetivo meu objetivo é cada vez que alguém comprasse um pixel do morango fosse ficar mais colorido eu tentei fazer o mesmo pro donat e tu pode

ver que o donat até agora tá todo branco mesmo tendo $4 aqui de compra ou seja ele não conseguiu nem colorir o dunet já fica o spoiler e assim olhando o raciocínio até que faz sentido faz muito sentido tá ligado compreendendo o básico implementando 3D spinning Ask integrando a coloração do Pixel estilo e melhorias integração final em seu site então compreendendo básico O que é o 3D spinning dunet então ele começou por entender o que que era ele falou tudo sobre renderizar o dunet giratório chamou de o torus né usando caracteres as no terminal ou

navegador ele alavanca transformações matemáticas para projetar coordenadas 3D em um plano 2D então ele tá entendendo o que que significa um 3D spinning adaptando um morango para criar um morango giratório adaptaremos os princípios usados no Donut giratório tudo faz sentido até agora equações paramétricas define o formato 3D de um morango matrizes de de rotação gira morango no espaço 3D projeção projete as coordenadas 3D e um plano 2D e renderização com Ask com os caracteres implementando então o Ask giratório Então cara tudo parece fazer sentido o código parece complexo demais então show de bola se é

complexo Deve ser bom deve funcionar ele me explicou o código e aí eu coloquei em prática cara e o resultado foi o seguinte tá vendo não tá vendo morango tem um morango ali cara tá aqui o morango ó cara para ser bem sincero talvez eu não esteja enxergando o morango aqui para ser bem sincero Talvez o morango esteja aqui questão de percepção opção morango tá aqui ou não tá aqui comenta um se tu acha que tá e zero se tu acha que não tá então a complexidade a diferença cara é que um dunet ele basicamente

tem uma forma que se a gente fala torial né Ele é simples e ele é também ã simétrico já o morango morango a gente tá falando de algo cônico irregular basicamente assimétrico entendeu É muito difícil tu desenhar ele tem tem as folhas tem as sementes tem muitos detalhes que um danet não tem e claro a gente poderia falar isso sim é a forma que é o problema mas algo me leva a crer que na verdade o problema é que não existe nenhuma implementação de morango 3D Ask girando na internet para ir finalizando aqui cara o

ow One ele é cerca de 100 vezes mais caro que o GPT 4 o então se for ver quanto que custa um Token para usar pela api Ele custa $1 por 1000 inputs e já no GPT 4 Oi custa 15 centavos o que me leva a crer de novo algo que eu já titei para vocês alguns dias atrás é que esse raciocínio dele nada mais é do que mandar de novo o input o output que tu fez novamente em loop eterno então provavelmente naquele raciocínio que ele tá fazendo aqui que ele compreende o básico e

implementa o morango e ele vai destrinchando isso cada um desses aqui foi na verdade um output dele e ele usa esse output como input de novo e ele provavelmente deve fazer isso 100 vezes e é por por isso que ao invés de gastar 2 segundos de processamento ele tá gastando 20 segundos Claro tem um detalhe bem importante que eles colocaram lá na publicação deles do do site que é o seguinte treinamos esses modelos para gastar mais tempo pensando nos problemas antes de responder o que eu acredito que é ele jogar o output Inicial dele como

input para ele antes de te dar a resposta final é basicamente aquela situação que antes tu tinha que fazer queer dizer para ele cara isso que tu me deu não tá funcionando aí ele ele te dá uma outra resposta aí tu diz não deu esse erro aí ele te dá a resposta que funciona então essas três interações que tu precisava ter até ele te dar a resposta correta ele tá fazendo ele mesmo então por isso que eles falam assim como uma pessoa faria por meio do treinamento eles aprendem a refinar seu processo de pensamento então

eles provavelmente também estão bonific ou recompensando o modelo com base em quantas entendeu quantas vezes ele precisou fazer AL ou que linha de raciocínio ele deve seguir ele deve começar pensando que é algo assumindo que a tua pergunta é algo complexo ou que a tua pergunta é algo simples quando tu perguntar qual que é a capital do Brasil ele sabe identificar que ele se ele vai precisar se questionar sobre isso ou se isso é algo Simples então provavelmente isso eles treinam o modelo para refinar esse Chain of thoughts essa cadeia de pensamentos ele tenta estratégias

diferentes e reconhece seus erros eu vou continuar tentando fazer com que ele crie esse morango vamos ver se ele consegue criar algo que hoje não existe na internet se ele conseguir isso aqui vai est lá no nosso site vocês vão saber se ele conseguiu ou não vou tentar um pouco mais hoje é isso não se esquece aí de se hidratar e coloca um projeto no ar cara e se tu tá buscando um lugar para hospedar esse teu projeto cara eu fortemente recomendo a VPS da hostinger tá é a VPS que eu tô utilizando com kvm2

que é o plano mais popular deles tá custando aqui 30 menos de 37 reais por mês ele te dá acesso a dois núcleos de vcpu 8 GB de Ram 100 GB de espaço em disco 8 tb de largura de banda servidor em várias partes do mundo e sistema operacionais Linux então tem vários aqui o buntu Debian alma Linux eu tô usando o Debian e tem uma coisa muito legal que eles TM cara que é o seguinte quando tu fizer login lá no teu dashboard da hostinger tu vai ter várias opções para te instalar de sistema

operacionais então tem o sistema operacional puro que tu pode escolher um esses aqui instalar num clique e também reformatar se tu quiser tem um sistema operacional com painel então Lucas eu não quero ficar usando SSH eu quero usar um painel como C panel como plesk como coolify tem vários panéis aí que são bem bem famosos né ou então eu quero por exemplo rodar o o buntu já vim com gitlab já vim com docker já vim com laravel já vim com magento com a plataforma Moodle com uma stack específica instalado tem até mesmo cara o ubo

vim com o lama para ti então se tu não quer pagar por uma por um chat ept tu pode já instalar o teu sistema profissional com olama e ter acesso a um chat ept teu privado além disso eles te dão então Firewall e proteção contra ddos mas tu também pode fazer como eu tô fazendo eu tenho lá a Cloud flare e eu configurei paraa Cloud flare falar com a minha VPS na hostinger tu pode fazer isso também tranquilamente Não precisa ter medo disso dessa complexidade e tu ainda ganha ganha aí gratuitamente snapshots em tempo real

e backups semanais gratuitamente e automaticamente feito para ti eu vou colocar aqui na descrição um link que te dá um desconto extra para ti e testa lá cara tu tem 30 dias para pedir o reembolso Caso tu não goste mas eu tenho certeza que tu vai gostar beleza Coloca esse teu projeto no ar logo meu testa as coisas aprende não fica com medo que a ia vai roubar o teu emprego Ela ainda tá longe disso ela não consegue ela não consegue nem fazer um morango cara olha aqui quando eu pedi para ela meu desenha o

morango para mim Ask pelo menos só para ver se tu entende o conceito do morango e esse foi o resultado do prompt dela