Transcription
Bem-vindo a este novo e empolgante curso sobre como criar seu próprio site sem qualquer codificação e sem contratar freelancers. Você será capaz de criar seu próprio site usando 100% inteligência artificial e terá um site em uma ou duas horas. Literalmente, no mesmo dia em que você adquirir este curso, inscreva-se e faça-o. Clique a clique, linha por linha, passo a passo, vou mostrar-lhe de A a Z como, do zero absoluto, obter um site funcional e ao vivo, não um site de teste, um site ao vivo em menos de uma hora.
Claro, a longo prazo, você terá que fazer algumas edições. Então, você terá que gastar mais tempo em seu site, mas poderá lançar um site realmente bom muito rapidamente e muito mais barato, porque se você tivesse que contratar um freelancer, custaria algumas centenas de dólares, no mínimo, e algumas semanas, no mínimo, de espera. E se eles forem bons, talvez alguns dias. Mas e se você quisesse algumas revisões? Isso levaria alguns dias extras de revisão. Desta forma, cada versão é como alguns minutos e o site inteiro fica pronto em menos de 1 hora.
Então, vamos usar o Replet, que é um dos principais construtores de software sem código com IA, e por ser um construtor de software, isso não precisa se limitar apenas a um site com o Replet que você aprenderá neste curso. Você será capaz de criar aplicativos móveis, agentes de software baseados em IA que simplesmente fazem o trabalho para você e muitos outros tipos de software. Então, se você quiser lançar algum tipo de negócio de software como serviço, o Replet hoje é a maneira de fazê-lo.
Então, bem-vindo ao curso e vamos começar. Vamos definir o termo "vibe coding", porque pode parecer um termo bobo, tipo "ei, as vibrações são legais", mas esta é uma onda que está varrendo o mundo da codificação e será um dos termos mais importantes no desenvolvimento de negócios e startups para o futuro previsível. Então, de onde vem este termo engraçado? Ele vem de Andre Karpathy. Ele é um líder de pensamento no espaço da IA. Ele costumava trabalhar para a OpenAI, que criou o ChatGPT, e ele tuitou algo no início que dizia algo como "é onde você pode se entregar às vibrações, abraçar exponenciais e esquecer que essa citação sequer existe", o que realmente soa bastante confuso. Esta é uma parte menor de uma citação maior, mas pense nisso: entregue-se às vibrações do que você quer fazer. Esqueça que o código existe e esqueça que as limitações existem.
Porque se você estivesse programando tradicionalmente e lhe dissessem: "Ei, crie esta funcionalidade", você teria uma dor de cabeça, porque você pensaria: "Hum, bem, para criar esta funcionalidade, eu tenho que aprender esta biblioteca e esta biblioteca e esta API, e vai me levar alguns dias para descobrir. Eu tenho que ler um monte de documentação incrivelmente horrivelmente chata, que é um tédio. Vou fazer um milhão de pausas, comer demais lanches porque vai ser tão chato e vai ser miserável e estressante pelos próximos dois dias. Eu vou conseguir. Eu vou fazer. Mas essa é a minha vida pelos próximos 2 dias se eu tiver que criar uma funcionalidade totalmente nova." E, claro, essas vibrações não são tão boas ou, como minha filha diria, "nojentas".
Mas o mais incrível de ser um engenheiro é que você pode fazer qualquer coisa. E então, aqui, vamos fazer a IA criar tudo para nós. Assim, só temos que nos preocupar com o que podemos sonhar, porque o "vibe coding" é, na verdade, o oposto da codificação. Não é codificação de forma alguma. É o engenheiro, em vez de codificar, agora apenas dizendo à IA, em linguagem natural, no meu caso, inglês, qual código e funcionalidades criar, como: "Ei, faça-me um site, faça-me um aplicativo, faça-me o que eu quiser." E, muito importante, isso lhe dá a capacidade de prototipar praticamente qualquer coisa. Não um produto totalmente concluído, mas prototipar em uma hora e começar a obter feedback sobre ele. Começar a mostrá-lo a clientes em potencial, ao seu chefe. Isso é sem precedentes.
Se você quisesse lançar um site antes, claro, se você fosse rápido, poderia usar o WordPress, mas não conseguiria criar um aplicativo móvel. Você não conseguiria criar outro software original. Levaria dias e dias. E a revolução aqui é multifacetada porque, sim, é muito mais rápido, o que significa que é acessível e mais eficiente, mas democratiza o desenvolvimento web porque não há mais necessidade de contratar desenvolvedores web ou aprender a codificar. Sem ofensa aos desenvolvedores web, eu mesmo costumava ser um engenheiro de software, mas a revolução aqui é que qualquer uma das 7 bilhões de pessoas no mundo agora pode criar negócios e produtos sem grandes obstáculos.
E, de modo geral, a forma como o "vibe coding" funciona é que você tem um ambiente de desenvolvimento baseado em navegador onde pode dizer o que fazer e isso realmente facilita a colaboração se você tiver uma equipe. Também remove configurações complexas que costumavam existir em ambientes de engenharia de software. Essa era outra grande dor de cabeça. Eu costumava odiar isso tanto. Tipo, algo não funcionava e você ficava tipo "por que não está funcionando?" e era tipo algum erro de sintaxe ou em algum lugar na configuração e levava tipo meio dia para descobrir o que era e era uma experiência terrível com a qual você não precisa mais lidar.
E, claro, há muito mais a dizer sobre o "vibe coding" porque é IA. Está se tornando infinitamente mais complexo e sofisticado dia a dia. Mas como este termo será usado o tempo todo a partir de agora, ele vai simplesmente explodir em quão frequentemente é usado. Era incrivelmente importante definir o que é e estabelecer o contexto para que você entenda sempre que ele surgir neste vídeo. Vamos começar a explorar o Replet.
Quando vou para a página inicial, é muito inteligente na forma como se apresenta, porque o que parece aqui é um prompt. É um exemplo de um prompt de IA realmente bom para criar software e é isso que vamos fazer com o Replet. Ele nos permite criar diferentes tipos de software. Existem algumas limitações sobre as quais falaremos. As limitações geralmente são na forma de limitações de API, limitações de terceiros, como, por exemplo, se o Replet não tiver acesso a alguns dados de terceiros ou software de terceiros, bem, ele simplesmente não pode usar esse software de terceiros. Então, se o software que você queria fazer depende desse terceiro, o Replet não seria capaz de fazê-lo, mas na maioria dos outros casos, quando não depende de um terceiro, o Replet pode fazer isso. O Replet pode fazer muito por você e, antes de começarmos, deixe-me guiá-lo pelos preços para que você entenda como pensar sobre este software.
Você obtém um plano gratuito para sempre, o problema é que é apenas para explorar o Replet, para ver como ele realmente se sente e se parece. Então, a maioria das pessoas, no primeiro dia, vai pegar o plano gratuito. Na verdade, quando comecei a brincar com ele, embora tivesse todas as intenções de pagar no final, eu tinha certeza de que acabaria pagando porque precisava de funcionalidades mais robustas. Ainda assim, me inscrevi gratuitamente apenas para ver. Então, no início, todo mundo se inscreve no plano gratuito. Você pode brincar com ele. É ótimo. No final, a maioria dos empreendedores individuais acaba usando o Replet Core. 20 dólares por mês se for cobrado anualmente. Se não for cobrado anualmente, é um pouco mais por mês. Eu realmente pago 25 dólares por mês porque tenho a opção de pagar mensalmente, o que provavelmente acabarei fazendo uma assinatura de um ano inteiro. E assim, acabará sendo 20 dólares por mês para mim também. E se você tiver uma equipe, como se você quiser um ou dois freelancers ou um funcionário em sua empresa ou vários funcionários em sua empresa para, em paralelo, fazerem algum software para você, então o plano de equipes também é muito barato. Tipo, este preço para as coisas incríveis que este software faz. Eu sinto que poderia ser 10 vezes mais e as pessoas ainda não piscaram os olhos porque ele faz muito por você.
E, claro, se você faz parte de alguma empresa, eles têm pacotes empresariais para você, mas a maioria das pessoas se contentará com esses 20 dólares por mês. Agora, mantenha esses 20 dólares por mês em perspectiva porque quero mostrar o quanto você realmente economiza. Então, digamos que você queira construir um site WordPress, algo bem básico para obter um site WordPress. Se você não passar pelo Replet, se você passar por algo como o Fiverr, F-i-v-e-r, que é um site de freelancers, geralmente, vai lhe custar algumas dores de cabeça, algumas contratações e demissões de freelancers, e cerca de talvez 200 dólares para criar um lançamento completo do seu site WordPress. Um site relativamente básico, mas bonito e profissional. Você provavelmente ficará bem com isso. Você pode obter um nome de domínio gratuito. Você pode pagar por um nome de domínio, mas são 200 dólares de mão de obra aproximadamente. E se você precisar fazer alguma edição, é um pouco adicional de mão de obra aqui e ali.
Então, de imediato, você pode ver que, hum, isso economiza uma quantidade tremenda. Agora, o Replet não constrói sites WordPress, porque não tem acesso ao back-end do WordPress, mas pode construir sites equivalentes por essencialmente 10 vezes mais barato e provavelmente 10 vezes menos dores de cabeça também, porque agora você não precisa mais contratar nenhum desenvolvedor de software ou desenvolvedor web.
Então, o que você faria para se juntar é se inscrever gratuitamente ou aderir ao Replet Core. Você pode se inscrever gratuitamente. A propósito, se você quiser, sempre que alguém se junta ao Replet, eles recebem um link de referência. Está na minha conta aqui. Então, você pode ver na minha área de conta, eu fui em "referências" e eles têm isso. Eu posso copiar o link e se você se inscrever através do meu link, eu receberei 10 dólares extras, o que não é muito, mas é legal e eu agradecerei. É totalmente opcional. Então, você pode ir direto para o Replet, mas seria bom para mim receber os 10 dólares extras. Por que não? Então, o que você faria é, em vez de digitar Replet, você apenas colaria esta URL. E eu terei esta URL nos recursos deste vídeo. Então, você pode ir aos recursos deste vídeo, clicar nesta URL. Isso é apenas se você quiser. Você realmente não precisa. Você não obtém nenhum benefício ao usar este link. É apenas para me ajudar.
De qualquer forma, se você passar por este link, verá que diz aqui que você está se inscrevendo usando o link de referência de Alex Kennedy. Assim que você assinar o Replet Core, isso significa que se você pagar, você... Ah, vocês dois, eu não tinha percebido, vocês dois receberão 10 dólares extras em créditos. Ooh. Então, agora, na verdade, você tem muito incentivo para fazer isso. Eu não li isso corretamente no início. Pensei que eram apenas 10 dólares para mim, mas, na verdade, é bom que sejam 10 dólares para você também. De qualquer forma, o que você faria é, no meu caso, eu usei o Google e ele simplesmente passou pelas etapas de inscrição. Criar uma conta. Esta é uma conta de teste. Eu já criei uma conta. Então, você apenas clicaria em "continuar". Aqui você preencheria alguns detalhes sobre você. Meu nome é para trabalho. Continuar. Então, que tipo de trabalho você faria? Acho que sou professor. E sou professor. Cargo na empresa. Digamos, executivo. Talvez membro da equipe, concorrente individual, já que o Alex real, que era minha conta principal, já era isso. Clique em "continuar". Então, você pode escolher a opção que quiser. Você pode começar de graça. Essa é a coisa mais natural para começar, a conta gratuita. Então, digamos que você começaria com o pacote inicial. No seu caso, você clicaria no pacote inicial. Caso você não clique no pacote inicial, o que você veria se continuasse com o Core, ele apenas pediria para você pagar. Então, você preencheria os detalhes do seu cartão de crédito, o que obviamente não faremos aqui. E isso é para a assinatura anual, mas você também pode escolher mensal. Então, vou sair disso.
E então, em vez de me inscrever no plano pago, que já tenho com outra conta aqui, me inscrevi no plano gratuito e ele me deu um pequeno tutorial de como usar o Replet e me levou a uma tela onde eu apenas digito a entrada. Então, essencialmente, você está pronto para usar o Replet. Então, no próximo vídeo, vou mostrar-lhe alguns dos fundamentos de como usar o Replet, porque para usá-lo, você precisa entender um pouco sobre engenharia de prompt e também um pouco sobre como ele funciona e suas limitações. Então, vamos continuar com esses tópicos no próximo vídeo.
Neste vídeo, vamos começar a dar os quatro passos para usar o Replet. Então, quando você chegar ao Replet, você pode ter uma tela como esta e ele dirá: "Ei, o que você quer fazer?" E digamos que você queira fazer um site básico para uma agência. Digamos que você tenha uma agência de marketing de SEO e queira criar seu site básico. Então, vamos fazer isso. Aqui está o que vou dizer. Este é o meu prompt. Em breve, vamos abordar a engenharia de prompt mais formal, mas aqui está um prompt básico: "Crie um site básico com um blog para uma agência de marketing de SEO que oferece criação de conteúdo e pesquisa de palavras-chave." Esses são os serviços. "É baseada em Londres, Reino Unido. E a agência se chama", eu dei um nome engraçado, "SEO Bro". Achei que rimaria um pouco melhor, "SEO Bro". Algo assim. Você também pode dar algumas coisas específicas, como "certifique-se de criar uma seção de serviços". Você também pode dar algumas instruções específicas, como "faça otimização de SEO para a página inicial para a palavra-chave 'pesquisa de palavras-chave de SEO'" e clicarei em "começar a construir".
Leva um pouco de tempo porque ele tem que, tipo, criar todo o código do zero e, antes disso, ele tem que entender o que você quer. Então, primeiro ele processa sua consulta e muitas vezes faz perguntas para ter certeza de que está no caminho certo. Então, aqui está a versão inicial do seu marketing SEO Bro, que será um site profissional de agência de SEO. Sim. Aprovação do plano. Então, ele mostra que fez o planejamento inicial para mais tarde. Você gostaria de alguma dessas funcionalidades adicionais, como adicionar um sistema de gerenciamento de postagens de blog? Isso seria como imitar o WordPress, porque o WordPress permite que você crie um blog. Então, sim, isso seria ótimo. Implementar um formulário de contato com captura de leads, com certeza. Isso seria incrível. Adicionar uma seção de estudo de caso e portfólio. Isso também seria incrível. Essas são coisas em que eu não pensei, mas são ótimas de ter. Integrar o Google Analytics e o Search Console. Não, porque para integrar o Google Analytics e o Search Console. Você pode querer fazer isso mais tarde, porque não temos este site configurado. Então, não pode haver Google Analytics ou Search Console. Não é um site real. Então, por enquanto, não vamos marcar isso. Mas se você estiver criando um site real para o seu negócio, você definitivamente vai querer ter isso. Mas por enquanto, apenas porque é um exemplo e não vamos realmente lançá-lo, não vamos ter isso marcado. Então, com isso, vamos clicar em "aprovar plano e iniciar".
Como você pode ver, ele começa a trabalhar. E o que é realmente legal é que ele mostra o que está fazendo no lado esquerdo e no lado direito está realmente fazendo o trabalho. Geralmente, eu deixaria o vídeo rodar e cortaria o tempo que tive que esperar e diria: "Ah, levou dois minutos e eu tive que esperar e eu cortei esse tempo." Mas aqui, é realmente curioso como ele realmente constrói o site. Olhe, ele literalmente o constrói elemento por elemento. SEO Bro, você tem um pequeno logotipo, você tem o título, você tem todo esse tipo de coisa, você tem a navegação no topo. Ele ainda está construindo, se eu for rolar, eu não consigo mais rolar. E então, um segundo depois, eu consigo rolar. Então, ele está literalmente criando. Esses são os serviços sobre os quais eu falei: SEO, pesquisa de palavras-chave e criação de conteúdo. Você pode ter mais serviços se quiser, como construção de links ou qualquer outra coisa para SEO. Muito legal. Ele já escreveu algumas postagens de blog, o guia definitivo de SEO. É engraçado, estou filmando isso em 2025, mas ele criou um artigo de 2024. Isso é bobo. Aqui estão as avaliações de clientes, que são, você sabe, você teria que inserir suas avaliações reais de clientes. Estas são falsas, obviamente, porque não existe tal negócio e, obviamente, dados como este são algo que você pode pedir para remover ou pode inserir os seus próprios, mas essencialmente ele está trabalhando em coisas. Enquanto ele ainda está trabalhando em coisas, você pode ficar curioso e ver se consegue clicar em alguma coisa. No momento, você não consegue realmente clicar em nada. Ele está apenas construindo, mas está realmente no lado esquerdo mostrando o que está fazendo. Veja esta prévia visual. Ele está lhe dando a prévia visual agora. Então, é apenas uma prévia. Nada é clicável até que esteja pronto.
Então, agora, como você viu como funciona, isso leva um pouco de tempo. Então, vou pausar este vídeo e cortá-lo até que o Replet termine e vou apenas avançar rapidamente para esse momento. Geralmente, para um site como este, pode levar uns 3 minutos extras para esperar ou algo assim. Então, vou avançar rapidamente este vídeo até que esses 3 minutos ou mais terminem e eu o verei então e lhe direi como foi e mostrarei.
Então, no final, levou um pouco mais, talvez de 5 a 10 minutos, mas temos no lado direito um site completo e podemos pré-visualizar o site e navegar, por exemplo, se eu clicar em "serviços", você vê que ele vai para a área de serviços, "blog" vai para a área do blog, posso clicar nas postagens individuais do blog e ele realmente escreveu as postagens do blog. Agora, as postagens do blog não são ótimas, este é um serviço não destinado à escrita de postagens de blog, embora eu tenha certeza de que se você pedir para escrever postagens de blog mais elaboradas e longas, se você especificar, ele escreverá o que você quiser. Agora, há a página "sobre" e a página de "contato" e ele lhe dá um resumo do que fez. Criou uma página inicial com uma seção de herói. Esta é a seção de herói, é uma imagem grande, serviços, prévia do blog, depoimentos, página "sobre", contato. Há uma página de blog com um artigo focado em SEO, páginas de postagens de blog individuais com formatação adequada, formulário de contato para seleção de serviços, branding e mensagens profissionais baseados em Londres e a otimização de SEO com metatags, dados estruturados e segmentação de palavras-chave. Então, não é apenas desenvolvimento web, mas também um pouco de marketing que ele já fez porque fez parte do trabalho de SEO para este site. E como você pode ver no título, ele está segmentando "pesquisa de palavras-chave de SEO". Então, ele otimizou as coisas muito bem. Pesquisa de palavras-chave de SEO, estratégia de SEO. Ele está otimizando para essas palavras-chave.
E depois de obter um resultado como este, você pode fazer algumas coisas. Você pode perguntar: "Ei, não gostei disso." Você vê que é uma espécie de rolagem infinita. Tudo está em uma página. Você pode dizer: "Não gostei disso. Quero que cada link aqui vá para uma página separada." Você pode pedir isso e ele reconstruirá o site. Ou você pode dizer: "Quero uma funcionalidade diferente, como, talvez, não gostei da seção três, mude isso." Ou se você amar do jeito que está e disser: "Oh, quero lançar isso." Você pode lançar isso e pode comprar o nome de domínio e obter hospedagem tudo através do Replet e ele lhe dará preços relativamente competitivos, relativamente não os melhores preços possíveis, mas ainda muito razoáveis e acho que isso o tornará atraente, é que está tudo em um só lugar, porque digamos que você obteve um nome de domínio gratuito em algum lugar, bem, você tem que configurar o redirecionamento do nome de domínio e tudo isso, leva tempo e porque leva tempo, isso é dinheiro, certo? Você está gastando seu tempo configurando coisas que você não quer fazer em vez de realmente construir seu site e começar a construir seu negócio. Então, isso economiza seu tempo. Não lhe dá os preços ideais necessariamente, mas devido à economia de tempo, representa uma economia de custos, o que para mim, eu faria tudo no Replet.
Então, no próximo vídeo, antes de nos aprofundarmos muito em como criar sites e tudo mais, deixe-me mostrar como fazer uma engenharia de prompt ideal para que você saiba exatamente como direcionar o Replet para que ele lhe dê bons resultados. Porque, como você pode ver, se isso me levou cerca de 10 minutos, é um tempo relativamente curto, mas não é um segundo ou dois, como você talvez esteja acostumado com o ChatGPT. Então, você tem que esperar e 10 minutos levam muito do seu tempo no seu dia. Então, você não quer ficar repetindo prompts. Então, vou mostrar como dar prompts ideais para que você obtenha o máximo de acerto desde o primeiro prompt. Então, vamos fazer isso no próximo vídeo.
Com este vídeo, vamos iniciar nosso projeto de classe e usá-lo para começar a criar um ótimo prompt para o Replet. E então, serei capaz de guiá-lo, a partir do prompt, como criar o site inteiro, obter um domínio e hospedagem, e colocar esse site no ar. E sou capaz de fazer isso porque estou trabalhando em um projeto paralelo no momento. E esse projeto realmente precisa de um site, porque se eu lhe desse um exemplo básico, como um exemplo de brinquedo que não levaria a lugar nenhum, então eu realmente não conseguiria hospedagem para ele. Eu realmente não conseguiria um nome de domínio para ele. Então, não seria um exemplo completo. Mas com isso, serei capaz de guiá-lo através de um exemplo completo de A a Z, começando pelo prompt e literalmente guiando-o por cada passo para que você possa segui-lo clique a clique para o que quer que seu site precise ser.
Então, aqui está o meu projeto. É um projeto paralelo. Estou no processo de lançar meu próprio token de criptomoeda. Acontece que os tokens de criptomoeda quase sempre têm um site que os acompanha. Este token de criptomoeda em particular terá utilidade no mundo real e estou visando a comunidade criativa porque toda a minha vida tenho criado coisas. Tenho criado música como hobby e paixão. Escrevo poesia no meu tempo livre e crio cursos e vídeos. Tudo o que tenho feito é criar. Também fui autor. Então, eu me identifico profundamente com a comunidade criativa e entendo o quão difícil é para eles.
Por exemplo, se você quiser escrever um livro, bem, você pode ter que passar por uma editora e esse negócio de publicação de livros está simplesmente quebrado. Eles se aproveitam dos escritores e dão aos escritores um adiantamento, que é um pequeno pagamento inicial e ajuda os escritores, mas eles pegam muito do trabalho do escritor. Em suma, se você passar por uma editora, antes mesmo de publicar seu livro, você deverá pelo menos 30% dos seus ganhos vitalícios com o livro ao seu agente e à sua editora. E isso é mesmo antes de o livro estar no ar.
Então, o que estou desenvolvendo é uma maneira de usar criptomoeda para ajudar pessoas criativas a financiar seus projetos. E, ao contrário da indústria editorial ou de muitas outras indústrias, quero que os criadores possam ficar com pelo menos 99,5% de todo o dinheiro que conseguem arrecadar e o pouquíssimo extra vai apenas para custos de transação. Então, esse é o contexto do projeto e, na verdade, essa é a primeira coisa que temos que explicar ao Replet.
Então, aqui vou pegar o modelo que usamos no vídeo anterior e vou editá-lo para mostrar como ficará para o prompt do Replet. Então, aqui está o contexto que tenho. Estou criando um site para uma nova criptomoeda que estou lançando na blockchain Solana. Seu símbolo de ticker será SPK, que significa "spark". O propósito deste token, eu deveria realmente dizer isso. Então, aqui eu o melhorei. Seu símbolo de ticker será SPK, que significa "spark". Isso é apenas para que ele entenda a marca antecipadamente. O propósito deste token é ajudar pessoas criativas a obter financiamento para seus projetos. Então, preciso de um site com aparência amigável para criativos. Esse é o contexto.
Agora, a tarefa. Esta é a parte mais importante. A tarefa é um pouco longa. Vamos lê-la rapidamente juntos. "Crie um site brilhante e rico em imagens, voltado para pessoas criativas, para que se sintam à vontade e confiem no site. Use copywriting para explicar aos criadores que eles poderão arrecadar mais dinheiro e reter mais dinheiro do que ganham ao arrecadar através deste token." Isso é um pouco confuso na redação, na verdade. "Crie também uma seção do site para o white paper." Um white paper é algo que as criptomoedas geralmente têm. Basicamente, ele ganha confiança explicando todos os detalhes da criptomoeda de forma transparente, como toda a tokenomics, economia e todos os detalhes. Então, tenho uma seção para isso e uma seção para projetos atuais que serão financiados. Quero que o site também seja capaz de promover projetos que são financiados através deste site para que os doadores possam encontrá-los no site. Esse é o benefício adicional deste projeto de criptomoeda: ele terá um site onde os doadores poderão encontrar o projeto para doar.
Agora, o resultado desejado, enquanto escrevia isso, também pensei em algumas outras coisas boas para adicionar. Então, deixe-me lê-las para você. "Crie uma seção para pessoas criativas que lhes explicará como podem começar e crie uma seção para doadores para ajudá-los a entender como se envolver." Quase crie uma partição. Então, deixe-me explicar isso aqui. Tenho um pouco mais de clareza para a IA. Escrevi: "Crie duas grandes seções na página inicial. Uma para criadores, uma para doadores. E abaixo disso, tenha a seção mostrando os projetos atualmente em arrecadação de fundos." Então, quanto mais detalhes e mais funcionalidades você quiser especificar, mais provável será que ele crie exatamente o que você quer.
Agora, o resultado desejado. Parte do resultado desejado se sobreporá um pouco à tarefa. Então, aqui está um exemplo. Quero que as pessoas se inscrevam nas minhas newsletters por e-mail. Quero que as pessoas sejam integradas, sejam criadores ou doadores. Também quero que as pessoas invistam na criptomoeda apenas pela oportunidade de investimento e que mostrem o símbolo do ticker e o preço no site. Eu provavelmente poderia colocar essa última frase na tarefa, porque essas são meio que as funcionalidades.
Agora, o próximo é o exemplo de resultado. Então, o que eu quero fazer é encontrar um ótimo site de criptomoeda atual para que eu possa mostrar como isso ficaria. Então, vou usar o site da Solana. Então, vou dizer: "Use o exemplo da criptomoeda Solana." Darei a URL e direi: "Apenas torne-o mais brilhante, divertido e envolvente."
Então, o tom, obviamente, não estamos escrevendo, mas vamos mudar para tom de copywriting. Esse é o texto que será escrito no site. Precisávamos de um tom profissional, educado, amigável para criadores. Isso é apenas porque, para mim, estou falando com criadores. Aqui está o meu prompt: "Use um tom profissional, educado, inspirador e amigável para criadores, para que eles possam ver a grande visão do projeto e os benefícios financeiros para si mesmos." Nível de criatividade, podemos mantê-lo como estava. "Foco na precisão em vez de ser criativo." Público. Isso é importante porque este público em particular, o mundo artístico, tipicamente, em termos de proporção, não é muito versado em cripto. E muitas pessoas criativas com quem converso, elas meio que têm um sentimento cético, tipo: "Eu odeio criptomoeda" ou "Por que eu preciso disso? Isso é tudo falso? Isso é um golpe?" Elas são muito céticas porque, admito, criptomoeda pode ser muito chato de aprender. E porque é chato e coisas que não são conhecidas, quando não entendemos as coisas, tipicamente temos um pouco mais de medo delas. Então, entender isso e entender que este é o desafio que terei é integrar pessoas que não são adotantes iniciais. O público é, veja, pessoas artísticas potencialmente céticas que não são necessariamente adotantes iniciais de cripto. Então, precisamos que elas quebrem a barreira do ceticismo.
E para o formato, na verdade, o prompt anterior parecia bom. "Use títulos de seção claros. Torne-o fácil de ler e use recursos visuais e gráficos quando puder, e destaque as partes que você acha que impressionarão." Isso é muito bom. Então, isso nos dá a maior parte do nosso primeiro prompt que podemos copiar para o Replet. Então, agora que temos nosso prompt, no próximo vídeo, vamos realmente colocá-lo no Replet e ver o que ele cria. E depois disso, poderemos colocar este site no ar, obter um nome de domínio, todas as próximas etapas também. Então, vejo você para algumas das próximas etapas no próximo vídeo.
Neste vídeo, vamos pegar o prompt que criamos para o Replet e fazer com que o Replet realmente crie o site que queríamos. Então, no Replet, sempre há este botão no canto superior esquerdo: "mais criar aplicativo". Quando você clica nele, ele realmente lhe dá uma tela como a que já temos. Quando diz "aplicativo", não significa aplicativo. Significa qualquer software. "Aplicativo" é apenas um termo que ele usa. Então, vamos colar esse prompt aqui e ver o que ele vai criar. Então, vou literalmente copiar tudo e colar. As únicas coisas que farei são edições mínimas. Como, por exemplo, estes "recomendado opcional", vou tirar isso dos colchetes, mas vou dar-lhe contexto. Depois de pressionar "contexto", então pressionei "enter" e ele me deu uma resposta: "Entendo que você está lançando uma criptomoeda chamada Spark. Parece um empreendimento empolgante. Ok, deixe-me criar um plano abrangente para o seu site criativo." Então, ele me dá algumas coisas que pode fazer mais tarde, como integrar a carteira Solana. Isso é apenas algo específico para Solana. Adicionar portal de envio de projetos para criativos. Sim, isso é ótimo. Implementar sistema de votação da comunidade. Talvez não precisemos disso ainda. E então, criar um painel de staking e recompensas de token. Precisamos disso.
Agora, também quero dar mais contexto. Então, vou apenas colar todas as outras coisas do meu prompt e apenas tirar as coisas. Todas as coisas entre colchetes eu tiraria. A tarefa seria mantida. O resultado desejado seria mantido, exceto o que está entre colchetes. Então, vou rapidamente editar tudo isso e pressionar enter. Então, uma vez que editei tudo isso para ficar claro para a IA, vou pressionar enter aqui. Não este "aprovar plano e iniciar", mas este, para que ele entenda mais o contexto de tudo. Tenho todos os elementos do que eu queria fazer. Eu poderia ter colado tudo no início. Isso também estaria bem. Tipo, eu poderia ter colado o prompt inteiro no início. Então, como você pode ver, ele pensa um pouco e me dá o mesmo tipo de plano. Isso é o que ele vai fazer: um site brilhante e focado na confiança para a criptomoeda Spark que atende criadores e doadores com uma integração clara, ticker ao vivo, vitrines de projetos, assinatura de newsletter, etc. Mais tarde, integrar o ticker, implementar o painel do doador, que são apenas funcionalidades para mais tarde. Então, por enquanto, vou dizer "aprovar plano e iniciar" e vou esperar. Como você pode ver, ele está pensando aqui embaixo, no lado esquerdo, e está trabalhando no código, no lado direito. Isso vai levar de 5 a 10 minutos e vou avançar rapidamente este vídeo para quando isso estiver pronto. E levou cerca de 5 a 7 minutos, eu não estava contando, mas ele me criou este site. É uma versão um, você nunca terá uma versão um que seja exatamente como você queria.
E há algumas coisas que não são ideais para mim aqui, que vou pedir para você mudar, mas já está muito bom. Então, vamos ler o resumo do que ele fez. Aqui está o que ele fez: "Construí um site brilhante e focado na confiança para a criptomoeda Spark que atende criadores e doadores. Ele tem um design moderno e cores vibrantes inspiradas em Solana." Veja, isso é do meu exemplo que eu dei. Meu trabalho será encontrar um site que se assemelhe mais a algo para artistas, porque este parece um pouco muito "escritório", muito "trabalho das 9 às 5". Não é exatamente a vibe que eu queria. Então, terei que mudar isso. Então, ele diz que tem um "sticker" de preço ao vivo em algum lugar aqui. Embora eu não consiga encontrá-lo. Como, por exemplo, há alguns dados aqui, mas é um pouco vago. Mas ele tem outras funcionalidades, como a seção de herói com uma proposta de valor clara. Vamos ver o quão clara é: "Acenda seus sonhos criativos." Ok, legal. "A criptomoeda projetada para financiar projetos criativos." Eu gostaria que o conteúdo explicando tudo estivesse em uma fonte maior. E todas essas são coisas que você anotaria mentalmente para si mesmo e pediria ao Replet para fazer essas edições, porque esta versão um não é o que você vai lançar. Isso é apenas algo que você olha e pede para fazer alterações. Compare isso, por analogia, com se você contratasse um freelancer. Primeiro, levaria um dia, dois, três, quatro. Se você contratasse um freelancer ruim, duas semanas, já teria custado 200 dólares por isso. Então, se você quisesse fazer edições, levaria mais um dia, dois dias, três dias, e talvez mais dinheiro. Ou você poderia ter um limite de quantas edições você poderia pedir ao desenvolvedor, porque eles poderiam dizer: "Bem, a partir de certo ponto, você tem que pagar mais." Aqui, você não precisa pagar mais. Você só precisa continuar pedindo as mudanças que deseja.
Então, no próximo vídeo, vamos analisar isso detalhe por detalhe e pedir para melhorar certos aspectos deste site até que seja algo que amemos e com o qual possamos ficar felizes em lançar, para que então possamos passar para as próximas etapas do lançamento. Então, vamos refinar nosso site no próximo vídeo.
Neste vídeo, quero mostrar um pouco mais sobre como desenvolver seu site do zero com o Replet, sem absolutamente nenhum código. Como você viu no vídeo anterior, o Replet pode criar um rascunho inicial muito bom, mas com erros óbvios. E mesmo que você faça o seu melhor para criar um ótimo prompt, você pode quase garantir que ele não criará exatamente o que você quer na primeira tentativa. Então, o próximo passo é dar-lhe direções para pequenos ajustes para que você possa aproximá-lo do que deseja. Então, em vez de fazer tudo isso na tela, porque é incrivelmente tedioso, vou apenas rolar meus prompts aqui no lado esquerdo para mostrar o que fiz, porque se você se lembra, quando eu rolei tudo para cima, veja o quanto eu tive que rolar. Este foi, na verdade, um processo bastante trabalhoso. Então, vou apenas pular por aqui porque levaria uma eternidade para eu ver o quão longa foi a conversa que tive com o Replet.
Então, o que eu fiz foi dar-lhe este grande prompt e ele me deu este site inicial. E, a propósito, sempre que você trabalha nisso, ele cria versões. Então, se houvesse alguma versão que você gostasse, você pode reverter para alguma versão. Mas eu quero mostrar uma prévia apenas para ver a versão anterior. No lado direito. O que você vê é a versão atual que tenho aqui. A prévia está pronta. Então, vou clicar em "ver prévia". Ele abre a prévia em outra aba. E como você pode ver, embora seja para pessoas criativas, você vê que esta imagem de banco de imagens é meio que para startups de tecnologia, não é exatamente o que eu quero. E há alguns erros, como isso não é legível. Esta parte do site está com bugs e feia, porque como você pode fazer um design tão feio? Há texto aqui, mas obviamente foi escolhido com as cores erradas, porque as cores se misturam. Então, há tipo, o que esse cara mecânico está fazendo? Por que essa imagem? Então, a IA foi muito ruim em escolher imagens apropriadas. E, realmente, para muitas dessas seções, é um pouco cedo demais para ela. Então, em vez disso, acabei tendo esse tipo de design mais limpo. Pelo menos eu acho. A aparência e a sensação se aproximam um pouco mais do que as pessoas criativas poderiam gostar.
Então, vamos passo a passo. Literalmente, eu disse a ele como primeira coisa. Achei que as imagens e a aparência eram muito corporativas. "Você pode mudar para algo mais criativo? Talvez, em vez de uma imagem de banco de imagens com um escritório, use algo mais inspirador para uma pessoa boêmia." E ele fez isso. Vou carregar esta prévia. Então, estas foram apenas instruções para mudar esta imagem. Então, depois de obter seu site, desde que a arquitetura do site pareça razoável para você, o que você faria então é revisar cada pequena parte, este texto, o texto no topo, depois o texto na parte inferior, o subtítulo, depois a imagem, depois esta próxima seção, depois esta próxima seção, e o que você faria é direcioná-lo sobre o que escrever. É demorado, mas nem de longe tão demorado quanto seria se você tivesse que fazer isso com um designer. E com um designer, também custaria mais dinheiro e, em algum momento, eles poderiam ter que ir trabalhar com outros clientes ou simplesmente se cansar e você teria que fazer uma pausa. Então, isso ainda é mais fácil.
Então, deixe-me mostrar esta prévia. Então, ele me deu esse tipo de coisa de pincéis boêmios, mas eu não gostei. E, na verdade, acabei passando por algumas iterações, como mostrarei aqui. Eu disse a ele: "Não tenho certeza se quero focar em arte especificamente, é muito restrito." Então, eu disse, então ele me deu algumas opções. Eu escolhi uma das opções. Então, ele me deu outra prévia. Vou mostrar essa também. Basicamente, muitas das imagens de prévia simplesmente não eram boas. Então, vou mostrar a próxima imagem de prévia. Então, isso foi meio demorado, tipo, por que esse telefone estava aqui? Não faz nenhum sentido para este projeto. Como você também pode ver, há um bug neste botão. "Lançar seu projeto." Tipo, o que é esse botão? Por que eu tenho que passar o mouse por cima? Então, todas essas pequenas coisas são coisas que você deve notar e dizer ao Replet para consertar. Então, acabei fazendo isso. Acabei passando por algumas iterações de imagem. Não quero mostrar cada iteração de imagens porque isso tornaria este vídeo muito chato. Mas em algum momento, olhe, eu disse: "Você está experimentando um bug?" Tipo, eu estava dizendo a ele: "Escolha uma ilustração." Certo? Veja, eu disse: "Use ilustração na imagem de herói." E então ele me deu não uma ilustração. E eu disse: "Você está experimentando um bug?" Então, eu apenas fui a algum site de imagens e encontrei uma imagem que gostei e disse a ele que ia carregar esta imagem. Você pode usar este "anexar arquivo". E eu disse a ele para usar essa imagem. Então, as imagens você pode ter que escolher para ele, o que não é um problema, na verdade. Foi assim que eu escolhi essa imagem. Essa é uma imagem de herói. E então comecei a dizer a ele para mudar cada parte do site. Você vê, eu disse a ele: "Vamos fazer o título apenas texto e sem subtítulo." E então eu tentei isso. E então eu decidi: "Oh, vou refazer meu subtítulo." Então, eu mudei o copywriting. Agora é "Spark, a primeira criptomoeda projetada para financiar projetos criativos." E então o subtítulo é "financie música, livros, projetos de arte, ideias de startups e projetos online." Isso é tudo o que eu escrevi. Eu apenas disse a ele para carregar. Então, é como se eu fosse um desenvolvedor, mas não há código. Então, o que eu quero que você saiba é que não é como se você fosse apertar um botão e o site saísse e você estivesse pronto. Mas é mais como se você fosse apertar um botão, um site saísse. Então, você passa por tudo isso e pode pensar: "Hum, escolha seu caminho, tipo, eu quero um texto diferente" e você diz a ele. Ou você pode querer palavras diferentes nesses botões. Você diz a ele e ele fará isso. Dessa forma, é quase como um "dar e receber", "dar e receber". Você diz a ele para fazer uma mudança. Você aprova a mudança ou desaprova a mudança. Então, você passa para a próxima parte do site. Então, a próxima parte do site. E quando você estiver feliz com a página inicial, então você vai, ok, para criadores, depois para doadores, depois para projetos, e uma vez que você, digamos, clique em desenvolvedores, e digamos que você...
Então, no próximo vídeo, deixe-me guiá-lo por uma demonstração ao vivo de como fazer algumas mudanças. E com isso, você se sentirá confiante sobre como fazer todas as mudanças necessárias em seu site para que possamos passar para a próxima etapa de realmente colocar seu site no ar. Então, faremos uma breve demonstração ao vivo no próximo vídeo.
Uma vez que você esteja pronto para dar o próximo passo no lançamento do seu site, você não lança apenas o seu site real. Você lança uma versão de teste e isso, em termos técnicos, é chamado de implantação. Então, o que você faria é digitar no prompt algo como "implantar", o que eu fiz, e o Replet lhe dará uma URL potencial como "sparktoken". Você vê, ele me deu algumas opções antes, como "sparkfunalexand", e a URL será assim: "seunomedoprojeto.replet.app". Ok. Então, no meu caso, eu só queria facilitar. Então, "sparktoken" e vou clicar em "implantar agora" e ele fará um pequeno trabalho para realmente implantar o site nesta URL para que você possa ir a esta URL, testá-la, como clicar em um botão, dois botões, enviá-la para seus amigos. Se todos os testes passarem, então você estará pronto para o próximo passo. Mas muito provavelmente o que você encontrará são alguns bugs que você pode querer corrigir e então pedir ao Replet para corrigir esses bugs. Então, você implanta essas correções naquele site de implantação novamente. Uma vez que você esteja feliz com tudo, tudo esteja testado. Você estará pronto para o próximo passo. Mas esta etapa de implantação é o próximo passo. E vai levar um pouco de tempo para implantar tudo. Como você pode ver no lado direito, enquanto estou falando, ele está trabalhando. Então, vou apenas avançar rapidamente para o momento em que ele terminar de trabalhar para que eu possa mostrar o que aconteceu.
E o processo de implantação levou cerca de 5 minutos. Já criamos a URL para este sparktoken.app. Então, eu apenas fui diretamente para essa URL. E como você pode ver, o site está aqui. Se você não gostar de algo, diga ao Replet para mudar. Ele mudará. Mas, essencialmente, temos nosso ambiente de teste configurado. Então, você pode enviá-lo para amigos e familiares para testes ou você mesmo pode testar. E passaremos para a próxima etapa de lançamento do nosso site no próximo vídeo.
Neste vídeo, vou delinear os próximos passos para realmente lançar seu site e colocá-lo no ar. O passo um é você ter que comprar o domínio em um registrador de nomes de domínio. Qualquer um deles servirá, como GoDaddy, Namecheap, o que for. E então, já temos o passo dois, que é o site de implantação criado. Então, depois disso, uma vez que você obtiver seu nome de domínio, você terá que dar o passo de conectar seu nome de domínio personalizado. Então, qualquer nome de domínio que você comprar do GoDaddy ou de qualquer outro lugar, você precisará conectá-lo ao Replet para que o que é mostrado em seu site de implantação realmente apareça em sua URL real, a URL ao vivo. Depois disso, o Replet configurará seu certificado SSL para segurança e você essencialmente entrará no ar. Então, no próximo vídeo, vamos ver como obter esse nome de domínio e como configurar esta etapa confusa de adicionar seus registros DNS para apontar para os servidores do Replet. Então, faremos isso no próximo vídeo.
Agora, vamos passar pelo processo de compra do seu nome de domínio e configurá-lo para que tudo o que você criar no Replet seja realmente renderizado quando você acessar seu nome de domínio. Porque o nome de domínio, seu_marca.replet.app, não é algo destinado a ser visto por consumidores ou visitantes do seu site. Isso é para seus propósitos de teste. Então, precisamos de um nome de domínio profissional real. E, claro, você tem várias opções para obter um nome de domínio. Agora, apenas para lhe dar um pouco de contexto, se você for a um registrador de domínio popular e serviço de hospedagem, como, digamos, Bluehost, você pode obter um nome de domínio gratuito e hospedagem realmente barata, você vê, tipo, 2,95 por mês para começar, e você vê no lado esquerdo que uma das coisas que você obtém é um nome de domínio gratuito para o primeiro ano. Então, você pode obter um nome de domínio gratuito com hospedagem, mas isso é para WordPress. Um site Replet não é um site WordPress e um site Replet terá uma hospedagem um pouco mais cara. Este é o preço que você paga por ter um site personalizado e por poder evitar contratar um desenvolvedor inteiramente, porque você está economizando muito dinheiro na contratação de um desenvolvedor e a qualquer momento que você precisar fazer uma mudança. É uma abordagem sem código. Você pode fazer as mudanças que quiser por conta própria. Você nunca precisa olhar uma linha de código por conta própria. Então, você pode ter isso. Não vamos fazer isso.
rota. Certo? Eu só queria que você soubesse que isso é possível. A rota que vamos seguir é que vamos comprar um nome de domínio em um serviço como o GoDaddy. Agora, deixe-me falar sobre o GoDaddy. O GoDaddy é um registrador de domínio comum e um serviço de hospedagem. Ele pode ajudá-lo com hospedagem de sites WordPress ou outros tipos de hospedagem para o seu site. Não vamos hospedar nosso site aqui.
Sou usuário do GoDaddy há uns 20 anos. Muitas pessoas não gostam do GoDaddy. Eu também não amo o GoDaddy. Acho que é aceitável. É perfeitamente bom para comprar nomes de domínio. Talvez não seja o melhor lugar para comprá-lo, mas é perfeitamente bom no sentido de que você não terá dores de cabeça. Você não terá problemas com ele. Não será muito complicado. Mas para hospedar e projetar seus sites, é aí que as pessoas se metem em problemas porque muitas pessoas usam o construtor de sites do GoDaddy e ficam totalmente presas a um site feio do qual não conseguem sair.
Então, não vamos criar nosso site com o GoDaddy, obviamente, porque estamos criando-o com o Replit, mas vamos obter um nome de domínio. Não conseguiremos um nome de domínio de graça, mas você pode conseguir algumas ofertas e descontos. De qualquer forma, quando é grátis, é apenas grátis pelo primeiro ano. Então, o que você pode fazer no GoDaddy, se você apenas for para a página inicial do GoDaddy, você pode digitar as URLs que deseja, como abc.com, e ver se está disponível.
ABC.com não está disponível. Alguém o possui e eles cobrarão uma taxa de corretagem de $99 para tentar comprá-lo, mas pode ser um preço muito mais alto. Você pode obter abc.co, mas talvez não queira um .co como eles mostram aqui. Você pode ter algo como abc.store social. Pode fazer sentido, mas para a maioria das pessoas, você precisa de um nome de domínio .com.
Então, vamos ficar com, obviamente, nomes de domínio de três ou quatro letras que estão em sua maioria ocupados. Então você quer ter um nome de domínio que seja memorável, fácil de escrever, fácil de soletrar, cativante, que soe bem, que seja passível de branding, todas essas coisas, mas que também seja gratuito porque se eu quiser um nome de domínio como minha primeira opção é spark token. Então, quando eu digito spark token.com aqui e pressiono enter, ele vai encontrar spark token e me dizer se está disponível. Sim, está disponível. Mas você vê que é um domínio premium porque "spark" e "token" são palavras em inglês e "token" é um tipo de palavra premium porque, você sabe, obviamente, tokens são dinheiro, está relacionado a criptomoeda, tem muita demanda. Então, $12.000 por ano. Devo pagar isso? De jeito nenhum.
Você provavelmente pode conseguir mais barato de alguma forma. Mas há uma opção interessante com a qual eu, honestamente, não estou familiarizado. Aluguel com opção de compra, mas é um preço horrível. Ainda são $1.000. Então não é uma opção. Você nunca deve pagar mais de 10 ou $20 por mês por um nome de domínio. Comprar esses nomes de domínio premium é um roubo porque tudo o que você precisa fazer é, em vez de dizer spark token, você pode dizer spk spk token.com e estará disponível. Aí está. Ótimo nome disponível. Você pode comprá-lo. Eles até te dão uma oferta.
Agora você pode não estar satisfeito com SPK token. É meio que uma palavra em inglês, mas agora parece criptográfica para demonstrar o fato de que você não precisa comprar domínios premium. Digamos que você quisesse ter "spark", tudo o que você teria que fazer é adicionar mais uma sílaba em algum lugar como "soul". "Soul" é a blockchain Solana na qual este token será construído. Então, se eu disser spark token soul, estará disponível com certeza. Eu pesquiso e lá está. Está disponível.
Você não precisa ter "soul". Você também pode dizer spark creative token ou você pode até conseguir spark creative. Não sei se isso estará disponível, não disponível, mas spark creative ou creative spark token. Isso seria bom e disponível. Então, a lição aqui é que você só precisa adicionar mais uma sílaba para transformar um domínio premium em um barato.
No futuro, se seu projeto decolar e você tiver milhões de dólares e puder gastar alguns milhares no nome de domínio, claro que você pode obter Spark token.com e então redirecionar seu site atual para Spark Token. Você pode fazer isso, mas para um novo projeto, é obviamente difícil. Então aqui temos Spark Creative Tenken ou Spark token. Eu meio que gosto de SPK token. Vamos ficar com um curto. E então vou prosseguir para comprá-lo.
Então eu vou clicar em "não perca". Então vou pegá-lo por três anos. O primeiro ano será essencialmente gratuito. Você pode pegá-lo por apenas um ano. Será mais barato, mas não tão mais barato a ponto de ser ótimo. Digamos "não perca". Vamos clicar neste botão. Ele adicionou ao carrinho. Há algumas vendas adicionais aqui. Vamos pular essas vendas adicionais. Diremos "não, obrigado". Apenas para ter certeza, veja seu carrinho.
Para a duração de 3 anos, será $43. Você vê o subtotal de $43. Então clique em "continuar para o carrinho". Então eles vão te oferecer coisas. Você não precisa de nada disso. Proteção total de domínio. Não, nenhuma das vendas adicionais aqui. Continue para o carrinho. Deveria permanecer $43. Por alguma razão, ainda está adicionado à proteção total de domínio. Certifique-se de desativar isso. Aí está. Você pode pagar com PayPal e pode concluir a compra. Perfeito. Esse nome de domínio é meu.
Agora, temos que configurar o nome de domínio. Então, você clica em "continuar". Então, eles oferecem para você publicar um site "em breve". Não precisamos disso porque imediatamente vamos conectar ao nosso Replit. Então diremos "agora não". Então você é levado para o seu painel. Então, parabéns, você comprou seu nome de domínio e no próximo vídeo vamos configurar seu nome de domínio, após o que seu site estará no ar. Então faremos isso no próximo vídeo.
Então você vai para o lado esquerdo, em "domínio", e no DNS você precisa fornecer os servidores DNS corretos. Então você obtém essa informação do Replit. Agora, para obter as informações de que você precisa do Replit, vá para a tela inicial do painel do Replit. Em "implantação", você verá as implantações que fez. Você clica nisso e ele lhe dará um pequeno tutorial. "Bem-vindo ao espaço de trabalho. É aqui que toda a mágica acontece. Vamos dar uma olhada. Próximo, este é o seu agente com quem você fala. No lado esquerdo é onde você abre todas as ferramentas adicionais de IA e outras ferramentas e arquivos. O botão 'executar' é para pré-visualizar seu aplicativo que você está criando e você terminou."
Então agora você sabe que, neste caso, precisamos de configurações porque, em "configurações", precisamos encontrar nosso servidor de nomes ou registros DNS. Ele realmente nos explica o que fazer. Você vê "obtenha seus registros DNS". O Replit mostrará os servidores de nomes ou registros DNS específicos. Então é isso que precisamos encontrar.
Em "domínios", vou inserir um novo domínio. Vou conectar um domínio. Digite meu nome de domínio, Spark token. Próximo. E ele me deu estas instruções. Em seguida, adicione os seguintes registros às configurações de DNS do seu domínio. Então, digite um registro de nome de host WW. Então, é isso que vamos adicionar. Então, em "A", vamos editar isso e vamos colocar aquele endereço IP lá. Salvar. Então, em "nome de host", registro WW, esse é o nome de host. Vamos copiar isso e vamos adicionar lá também. E assim que terminarmos, vamos clicar em "vincular domínio" e ele dirá "verificando". A propósito, vamos voltar para a tela do GoDaddy.
Então agora estamos de volta ao GoDaddy. Eu entendo que esta parte do processo pode ser muito confusa. Então, deixe-me explicar as boas práticas do que você deve fazer se quiser que seu nome de domínio seja renderizado, seja digitando www.seunomdedominio ou apenas seunomdedominio.com. Você quer ter certeza de que tem aqui, em "A" e "nome", um símbolo é "@" e outro é "WW", e para ambos você insere o mesmo endereço IP que foi fornecido pelo Replit bem aqui. Eu vou te mostrar onde você vê aqui "A" e "WW", mas você também deve ter essa outra versão disso sob este endereço IP.
Então, a segunda linha é "txt www" e então este registro que também está lá. Você vê que eu tenho "txt www" e este registro que também está lá. Isso vai garantir que, quer as pessoas acessem sprtoken.com com www. (você vê que já renderiza) ou as pessoas acessem apenas esse nome de domínio sem o www., seu nome de domínio será registrado.
Agora você notará que diz "https não pronto". Isso leva cerca de uma a quatro horas para ser instalado automaticamente depois que você configura essas definições corretamente. Então, se você tiver essa mensagem de erro lá, não se preocupe. Se você tiver essa mensagem de erro lá, tipo, 5 horas depois, aí sim se preocupe. Então é hora de solucionar problemas. Mas no início, não é um problema preocupante.
Da mesma forma, também não é um problema preocupante se sua URL não renderizar imediatamente depois que você definir essas configurações, porque isso também pode levar de uma a 24 horas para propagar, pois, como você pode ver aqui, este é um lugar onde você pode ir e verificar os servidores de nome de domínio e verá que toda empresa de hospedagem os tem em todo o mundo e em algum lugar pode levar menos tempo, em outro mais.
Aqui você vê que há muitas marcas de seleção verdes, como se estivessem registradas. Ótimo. As cruzes vermelhas significam "ainda não". Isso está em what'smydns.net. Digite sua URL e então pesquise e veja se está tudo pronto. E você verá que obterá marcas de seleção em alguns deles "não pronto", mas dentro de 24 horas deve estar pronto.
Novamente, se não estiver pronto em 24 horas, então é aqui que você soluciona problemas e entra em contato com o atendimento ao cliente do GoDaddy e basicamente vê se talvez você digitou algo errado, talvez houve um erro nas configurações que você definiu e, se houver um erro, geralmente é aqui. Você precisa realmente verificar se estas estão corretas, que estas configurações e que elas realmente correspondem às URLs e a todos os dados que são fornecidos a você aqui.
Então, este é o lugar para verificar se algo pode ter dado errado. Se houve um pequeno erro de digitação, uma pequena inconsistência que pode ser a causa dos problemas. Mas geralmente a maioria das pessoas consegue fazer esta parte do processo sem problemas. Às vezes, quando você espera, é um pouco preocupante, tipo, "hum, por que não está renderizando 2 minutos depois? Por que não está renderizando 2 minutos depois? Estou estressado". Mas depois de algum tempo, geralmente essas coisas se resolvem sozinhas.
O SSL será instalado automaticamente pelo Replit depois que seus servidores DNS forem configurados. Então é como esperar depois de esperar depois de esperar. Então, faça uma pausa, volte. Provavelmente você terá resultados positivos e encorajadores e então, adivinha? Seu site está no ar, o que é fantástico. Então, parabéns.
Uma pequena nota de solução de problemas. Você vê que, em "domínios", acabei tendo um tipo de URL que é sem o www, apenas nomedominio.com, e então a outra URL é com o www.nomedominio.com. Você tem que criar ambos em seus domínios para que, o que quer que as pessoas digitem, seja apenas sparktoken.com ou www.sparktoken.com, se você tiver ambos, seu site será renderizado para ambos. Mas se você não tiver ambas as versões, seu site não será renderizado para ambas, o que parecerá muito, muito problemático porque um site deve ser renderizado para ambas as opções.
E a maneira de fazer isso é basicamente em "domínios", você sempre pode clicar no sinal de mais aqui, "vincular um domínio", e então adicionar o seu. E apenas certifique-se de que, o que quer que ele lhe dê, você vê se eu clicar no pequeno ícone de edição, o que quer que seja isso, você se certifique de ter esse registro em seu GoDaddy ou onde quer que você tenha comprado seu domínio.
Então, por exemplo, este "A" neste endereço IP, eu tenho aquele "A" naquele endereço IP. Então, como você pode ver, eu tenho "A" e "WW" neste endereço IP. Isso é do outro nome de domínio. Você vê "A" e "WW" aquele endereço IP. O mesmo com o valor de texto. Texto naquele registro e então texto WW.registro. Então eu tenho texto naquele registro aqui e texto WW.registro.
Uma vez que você tenha isso, deve funcionar e então automaticamente seu site deve renderizar perfeitamente e rapidamente, depois disso o Replit também deve instalar seu SSL para HTTPS. Então você terá esse requisito atendido por padrão. E seu site deve estar pronto para usar. Então, certifique-se de ter essas configurações definidas, especialmente caso você espere algumas horas e seu site simplesmente não esteja renderizando da maneira que você pensou que deveria. O primeiro passo a fazer é verificar cuidadosamente a precisão com que você recriou esses dados, essas informações no site onde você comprou seu domínio.