Programação de Vibe para desenvolvimento de front-end com Replit AI | Alex Genadinik | Skillshare

Velocidade de reprodução


1.0x


  • 0.5x
  • 0.75x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 1.75x
  • 2x

Programação de Vibe para desenvolvimento de front-end com Replit AI

teacher avatar Alex Genadinik

Assista a este curso e milhares de outros

Tenha acesso ilimitado a todos os cursos
Oferecidos por líderes do setor e profissionais do mercado
Os temas incluem ilustração, design, fotografia e muito mais

Assista a este curso e milhares de outros

Tenha acesso ilimitado a todos os cursos
Oferecidos por líderes do setor e profissionais do mercado
Os temas incluem ilustração, design, fotografia e muito mais

Aulas neste curso

    • 1.

      Introdução ao curso de réplicas e boas-vindas

      1:49

    • 2.

      Definição de programação no Vibe

      4:08

    • 3.

      Primeiro passo do uso de replica

      7:43

    • 4.

      Como finalizar a proposta de resposta para site de criptomoedas

      7:51

    • 5.

      Proposta de resposta inicial e criação de site sem código

      4:55

    • 6.

      O processo de trabalhar com a repetição para melhorar o que fez

      6:21

    • 7.

      Implantando o site Replica

      1:47

    • 8.

      As etapas necessárias para lançar seu site

      1:03

    • 9.

      Como obter o nome de domínio para seu site

      7:06

    • 10.

      Configurando os servidores de nomes do seu site

      5:18

    • 11.

      Outras configurações e solução de problemas

      2:10

  • --
  • Nível iniciante
  • Nível intermediário
  • Nível avançado
  • Todos os níveis

Gerado pela comunidade

O nível é determinado pela opinião da maioria dos estudantes que avaliaram este curso. Mostramos a recomendação do professor até que sejam coletadas as respostas de pelo menos 5 estudantes.

21

Estudantes

3

Projetos

Sobre este curso

Você é iniciante que quer criar um site, mas está sobrecarregado com ferramentas de programação ou altos custos como freelancer? Neste curso, você vai aprender a lançar um site totalmente funcional usando o Replit AI, a plataforma inovadora sem programação, onde você pode escrever código usando uma técnica chamada codificação de vibração, onde você simplesmente diz à IA para escrever o código que desejar.

Este curso foi projetado especificamente para usuários não técnicos, criadores, empreendedores e proprietários de pequenas empresas que desejam construir e implantar um site rapidamente sem contratar desenvolvedores ou gastar milhares de dólares. Quer você esteja criando um blog pessoal, um portfólio ou uma landing page para a sua empresa, a IA da Replit possibilita que você vá da ideia para o site live em minutos, sem necessidade de programação!

Você vai aprender a:

  • Configure sua conta gratuita no Replit

  • Usar o Replit AI para gerar código para seu site sem escrever por conta própria

  • Personalizar seu site usando sugestões intuitivas alimentadas por IA

  • Adicione elementos essenciais como imagens, botões e formulários de contato

  • Implemente e hospede seu site online na web — gratuitamente ou a um custo mínimo

  • Manter e atualizar seu site usando ferramentas de IA

O curso inclui um exercício prático onde você vai acompanhar para criar seu primeiro site passo a passo usando os recursos de IA do Replit. No final, você terá um site publicado e personalizado pronto para compartilhar com o mundo, tudo sem aprender a programar ou contratar freelancers caros.

Por que este curso é diferente:

  • Maneira mais barata e rápida de ficar online

  • Projeto do mundo real para aplicar seu aprendizado

  • Projetado para iniciantes e não especialistas em tecnologia

  • Atualizações e suporte constantes

Não deixe as barreiras tecnológicas impedirem você de lançar seu site. Aprenda a aproveitar o poder da IA Replit para criar e publicar seu site: rápido, acessível e sem estresse.

Conheça seu professor

Teacher Profile Image

Alex Genadinik

Professor
Level: Beginner

Nota do curso

As expectativas foram atingidas?
    Superou!
  • 0%
  • Sim
  • 0%
  • Um pouco
  • 0%
  • Não
  • 0%

Por que fazer parte da Skillshare?

Faça cursos premiados Skillshare Original

Cada curso possui aulas curtas e projetos práticos

Sua assinatura apoia os professores da Skillshare

Aprenda em qualquer lugar

Faça cursos em qualquer lugar com o aplicativo da Skillshare. Assista no avião, no metrô ou em qualquer lugar que funcione melhor para você, por streaming ou download.

Transcrições

1. Introdução ao curso de réplicas e boas-vindas: Bem-vindo a este novo e empolgante curso sobre como criar seu próprio site sem codificação e sem contratar freelancers Você poderá criar seu próprio site 100% usando inteligência artificial e poderá ter um site em uma ou 2 horas, literalmente no mesmo dia em que fizer este curso 100% usando inteligência artificial e poderá ter um site em uma ou 2 horas, literalmente no ou 2 horas , se inscrever e fazer este curso, inscrever e fazer este curso, clique por clique linha por linha, passo a passo Vou mostrar de A a Z como, do zero absoluto, obter um site ao vivo, não um site de teste, um site ativo em menos de 1 hora. Obviamente, a longo prazo, você terá que fazer algumas edições, então terá que passar mais tempo em seu site, mas poderá lançar um site muito bom de forma muito rápida e muito mais barata porque se tivesse que contratar um freelancer, custaria algumas centenas de dólares pelo menos e algumas semanas pelo menos de espera. E se forem bons, talvez alguns dias. Mas e se você quisesse algumas revisões, isso levaria alguns dias extras de revisão Dessa forma, cada região leva alguns minutos e o site inteiro dura menos de 1 hora. Então, vamos usar o replet, que é um dos principais criadores de software de IA sem código E como é um construtor de software, isso não precisa se limitar apenas a um site com muitos conteúdos que você aprenderá neste curso Você poderá criar agentes baseados em IA de software de aplicativos móveis que funcionam apenas para você e para muitos outros tipos de software Portanto, se você deseja lançar algum tipo de empresa de software como serviço, AplttDay é a maneira de fazer isso Então, bem-vindo ao curso e vamos começar. 2. Definição de programação no Vibe: Vamos definir o termo codificação vibratória porque pode parecer um termo tolo como: “ Ei, as vibrações são legais, mas essa é uma onda que está varrendo o mundo da programação e será um dos termos mais importantes no desenvolvimento de negócios e startups em um termos mais importantes no desenvolvimento de negócios e startups em porque pode parecer um termo tolo como: “ Ei, as vibrações são legais, mas essa é uma onda que está varrendo o mundo da programação e será um dos termos mais importantes no desenvolvimento de negócios e startups em um futuro próximo. Então, de onde vem esse termo engraçado? É de Andre Carpathi. Ele é um líder inovador na área de IA. Ele trabalhava para a OpenAI, que criou o HAGPT, e tuitou algo no início que dizia É onde você pode ceder às vibrações, abraçar as exponenciais e esquecer que o código ainda existe, o que realmente parece muito confuso Essa é uma parte menor de uma citação maior, mas pense bem. Entregue-se às vibrações do que você quer fazer. Esqueça que o código existe e esqueça que existem limitações, porque se você estivesse programando tradicionalmente e lhe dissessem: Ei, criar esse recurso seria criar esse recurso seria uma dor de cabeça porque você diria , Hmm, bem, para criar esse recurso , eu tenho que aprender essa biblioteca, essa biblioteca e essa API, e vou levar alguns dias para descobrir Eu tenho que ler um monte de documentação incrivelmente chata, o que é uma Vou fazer 1 milhão de pausas comer lanches porque vai para comer lanches porque vai ser muito chato, miserável e miserável e estressante Eu vou pegá-lo. Eu vou fazer isso. Mas essa é a minha vida nos próximos dois dias se eu tiver que criar um recurso totalmente novo. E, claro, essas vibrações não são tão boas ou, como diria minha filha, nojentas. Mas o incrível de ser engenheiro é que você pode fazer qualquer coisa. Então, aqui vamos fazer com que a IA crie tudo para nós, então só precisamos nos preocupar com o que podemos imaginar, porque a codificação vibe é, na verdade, o oposto da codificação Não é nada de codificação. É o engenheiro em vez de programar. Agora eles estão apenas dizendo à IA em linguagem natural, no meu caso, inglês, qual código e recursos criar. Tipo, Ei, faça de mim um site, faça de mim um aplicativo, faça de mim o que eu quiser. Muito importante, isso permite que você crie protótipo de praticamente qualquer coisa, não de um produto totalmente concluído, mas de prototipar em 1 hora e começar a receber feedback sobre ele, começar a mostrá-lo a clientes em potencial, seu chefe Isso é sem precedentes. Se você quisesse lançar um site antes, com certeza, se você for rápido, você pode usar o WordPress, mas você não poderia criar um aplicativo móvel, você não poderia criar outro software original. Você levará dias e dias. A revolução aqui é múltipla porque, sim, é muito mais rápida, o que significa que é acessível e mais eficiente, mas democratiza o desenvolvimento web porque não há mais a necessidade de contratar desenvolvedores web ou aprender a Sem ofensa aos desenvolvedores da web. Eu também fui 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 modo geral, a forma como o vibe coding funciona é que você tem um ambiente de desenvolvimento baseado em navegador onde você pode dizer o que fazer e, na verdade, facilita a colaboração se você tiver uma Ele também remove configurações complexas que costumavam existir em ambientes de engenharia de software Essa foi outra grande dor de cabeça. Eu odiava tanto isso como se algo não funcionasse, e você ficasse tipo, por que não está funcionando? E é como um erro de sintaxe ou em algum lugar na configuração e você levaria meio dia para descobrir o que era e simplesmente uma experiência terrível com a qual você não precisa mais lidar Obviamente, há muito mais a dizer sobre a codificação vibe porque é IA, está ficando infinitamente mais complexa e sofisticada a cada dia Mas como esse termo vai ser usado o tempo todo, de agora em diante, ele vai aumentar quanto é usado Foi extremamente importante definir o que é e definir o contexto para que você entenda sempre que surja. 3. Primeiro passo do uso de replica: Neste vídeo, vamos começar a os primeiros passos no uso do Raplet Então, quando você chega ao Plet, você pode ter uma tela como essa e ela dirá: Ei, o que você quer fazer? E digamos que você queira criar 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 eu vou dizer. Este é o meu aviso. Em breve, abordaremos uma engenharia de solicitação mais formal, mas aqui está uma dica básica. 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. Está sediada em Londres, Reino Unido, e a agência tem o nome. Eu dei a ele um nome engraçado SEO Bro. Achei que rimaria um pouco melhor, SCO mano, algo assim Você também pode fornecer algumas coisas específicas como criar uma seção de serviços. Você também pode fornecer algumas instruções específicas, como otimizar o SU para a página inicial, para a palavra-chave, pesquisa de palavras-chave de SEO E eu vou clicar em Começar a construir. Demora um pouco porque precisa criar todo o código, na verdade, do zero e, antes disso, precisa entender o que você quer. Então, primeiro, ele processa sua consulta. Muitas vezes, surgem perguntas para garantir que está no caminho certo. Então, aqui está o marketing do seu SEO Bureau. A versão inicial será um site profissional de agência de SO. Sim, aprovação do plano. Então, isso mostra que ele fez o planejamento inicial. Para mais tarde, você gostaria algum desses recursos adicionais, adicionar algum desses recursos adicionais, 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. Implemente um formulário de contato com captura de leads, com certeza. Isso seria incrível. Adicione um estudo de caso e uma seção de portfólio. Isso também seria incrível. Essas são coisas nas quais eu realmente não pensei, mas é ótimo ter. Integre o Google Analytics e o Search Console. Não, porque para integrar o Google Analytics e o Search Console, talvez você queira fazer isso mais tarde porque não temos esse site configurado, portanto, não pode haver o Google Analytics ou o console de pesquisa. Não é um site real. Então, por enquanto, não vamos verificar isso. Mas se você está criando um site real para sua empresa, você definitivamente quer ter isso. Mas, por enquanto, só porque é um exemplo e não vamos realmente lançá-lo, não vamos verificar isso. Então, com isso, vamos clicar em Aprovar plano e começar. Como você pode ver, ele começa a funcionar. E o que é muito legal é que ele mostra o que está fazendo no lado esquerdo e no lado direito está realmente fazendo o trabalho. Normalmente, eu deixava o vídeo rodar e depois cortava o tempo que tinha que esperar e dizia : Oh, demorou 2 minutos e eu tinha que esperar, e reduzi esse tempo Mas aqui, é muito curioso como ele realmente constrói o site Olha, ele literalmente o constrói elemento por elemento. ACO mano, você tem um pequeno logotipo, você tem o título, você tem todo esse tipo de coisa. Você tem a navegação na parte superior. Ainda está se desenvolvendo. Se eu vou rolar, não consigo mais rolar. E então, um segundo depois, eu consigo rolar, então ele está literalmente criando isso. Esses são os serviços que eu contei sobre pesquisa de palavras-chave de SEO e criação de conteúdo. Você pode ter mais serviços se quiser, como construção de tinta ou qualquer outra coisa para SEO. Muito legal. Na verdade, ele já escreveu algumas postagens no blog, o guia definitivo de SEO. É engraçado. Estou filmando isso em 2025, mas isso criou um artigo de 2024 que é Aqui estão as avaliações dos clientes que você precisaria inserir nas avaliações reais dos clientes. Obviamente, são falsos porque esse tipo de negócio não existe. Obviamente, dados como esses são algo que você pode pedir que eles removam ou conectar seus próprios dados, mas, basicamente, eles estão trabalhando em coisas. Enquanto ainda está trabalhando nas coisas, você pode ficar curioso e ver se consegue clicar em alguma coisa. No momento, você realmente não pode clicar nas coisas. É só construí-lo. Mas na verdade está no lado esquerdo, mostrando o que está fazendo. Veja esta prévia visual, ela está te dando uma prévia visual agora mesmo. Então, é só uma prévia. Nada é clicável até que esteja pronto Agora, como você viu como está funcionando, isso demora um pouco. Então, vou pausar esse vídeo e cortá-lo até que Raplet esteja pronto, e vou avançar rapidamente até esse Normalmente, para um site como esse, pode levar mais 3 minutos para esperar ou algo assim. Então, vou adiantar este vídeo até que esses 3 minutos ou mais terminem, e eu vou te ver então, e vou te contar como foi e vou te mostrar. No final, demorou um pouco mais, talvez de cinco 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ê verá que ele vai para a área de serviços, blog, vai para a área do blog. Posso clicar nas postagens individuais do blog e, na verdade, ele escreveu a postagem do blog. Agora, as postagens do blog não são boas. Este é um serviço que não se destina à redação de postagens em blogs. Embora eu tenha certeza de que, se você pedir que ele escreva uma postagem de blog mais elaborada e mais longa, se você especificar , ela escreverá o que você quiser Agora, há a página Sobre e a página de contato, e ela fornece um resumo do que ela fez. Criei uma página inicial, a seção de heróis, essa é uma espécie de seção de heróis esse tipo de imagem grande. Testemunhos prévios do blog de serviços sobre o contato da página. Há uma página de blog com artigos focados em SUR, páginas individuais de postagem de blog com formatação adequada, formulário de contato para seleção de serviços, identidade visual e mensagens profissionais com sede em Londres e otimização de SU com meta tag, dados estruturados e segmentação por teclado Não é apenas desenvolvimento web , mas também um pouco de marketing que ela já fez , porque fez parte do trabalho de SEO para este site. E, como você pode ver no título, ele tem como alvo a pesquisa de palavras-chave de SEO, então otimizou as coisas muito bem Pesquisa de palavras-chave de SEO, estratégia de SEO, é otimização para essas palavras-chave E depois de obter um resultado como esse, você pode fazer algumas coisas. Você pode perguntar, Ei, eu não gosto disso. Você vê que é uma espécie de pergaminho infinito. Tudo está em uma página. Você pode dizer que eu não gosto disso. Quero que cada link aqui vá para uma página separada. Você pode perguntar e ele reconstruirá o site, ou você pode dizer: eu quero um recurso diferente Talvez eu não goste da Seção Três, mudança ou se você ama o jeito que está e diz, oh, eu quero lançar isso. Você pode iniciar isso e comprar o nome de domínio e obter hospedagem por meio do replet. E isso lhe dará preços relativamente competitivos, não os melhores preços possíveis, mas ainda assim muito razoáveis. E acho que isso o tornaria atraente se estivesse tudo em um só lugar, porque digamos que você tenha um nome de domínio gratuito em algum lugar. Bem, você precisa configurar o encaminhamento do nome de domínio e tudo isso Isso leva tempo. E porque leva tempo, isso é dinheiro, certo? Você está gastando seu tempo configurando coisas que não quer fazer em vez de realmente criar seu site e começar a construir seu negócio Então, isso economiza seu tempo. Não oferece necessariamente os preços ideais, mas devido à economia de tempo, representa uma economia de custos, o que, para mim, eu faria tudo sem problemas No próximo vídeo, antes de nos aprofundarmos em como criar sites e tudo mais, deixe-me mostrar como fazer uma engenharia rápida ideal, você saiba exatamente como direcionar o replet para que ele forneça bons resultados Porque, como você pode ver, se isso demorou cerca de 10 minutos, é um tempo relativamente curto, mas não é um ou dois segundos, como você costumava fazer Cha GPT Então você tem que esperar e 10 minutos ocupam muito do seu dia. Portanto, você não quer continuar solicitando. Então, vou mostrar como fornecer o prompt ideal para que você obtenha o máximo de corretos, desde o primeiro prompt. Então, vamos fazer isso no próximo vídeo. 4. Como finalizar a proposta de resposta para site de criptomoedas: Com este vídeo, vamos começar nosso projeto de classe e usar nosso projeto de classe para começar a criar um ótimo PletPMPT e, a partir do prompt, poderei explicar como criar o site inteiro, obter um domínio , obter hospedagem e fazer com que esse site obter hospedagem e fazer com que esse E eu posso fazer isso porque, na verdade, estou trabalhando em um projeto paralelo no momento, e esse projeto realmente precisa de um site porque se eu desse um exemplo básico, como um exemplo de brinquedo que não iria a lugar nenhum , eu realmente não conseguiria hospedagem para ele. Eu realmente não compraria um nome de domínio para isso, então não seria um exemplo completo. Mas com isso, poderei guiá-lo por um exemplo completo de A a Z, começando pelo prompt e, literalmente, orientando você cada etapa para que você possa segui-las clique por clique para saber o que seu site precisa ser. Então, aqui está meu projeto. É um projeto paralelo. Estou lançando meu próprio token de criptomoeda. Acontece que os tokens de criptomoeda quase sempre têm um site anexo Esse token de criptomoeda em particular é algo que terá utilidade no mundo real, e eu tenho como alvo essa comunidade criativa porque, durante toda a minha vida, venho criando coisas Eu tenho criado música como um hobby e uma paixão. Escrevo poesia no meu tempo livre e crio cursos e vídeos. Tudo o que tenho feito é criar. Também fui autora, então me identifico profundamente com a comunidade criativa e entendo como é difícil para eles. Por exemplo, se você quiser escrever um livro, talvez precise passar por uma editora, e esse negócio de publicação de livros está simplesmente falido. Eles se aproveitam dos escritores e dão aos escritores um adiantamento, que é um pequeno pagamento adiantado, e isso ajuda os escritores Mas eles absorvem muito do trabalho do escritor. Resumindo, se você passar por uma editora, antes mesmo de publicar seu livro, você deve pelo menos 30% de seus ganhos vitalícios ao seu agente e editor, e isso mesmo antes de o livro estar disponível Então, o que eu tenho é uma forma de usar criptomoedas para ajudar pessoas criativas a financiar seus projetos. E, ao contrário do setor editorial ou de muitos outros setores, quero que os criadores possam receber pelo menos 99,5% de todo o dinheiro que conseguirem arrecadar, e o pouco mais vá apenas para os custos de transação Então esse é o contexto do projeto. E, na verdade, essa é a primeira coisa que temos que explicar para repor. Então, aqui, vou pegar o modelo que usamos no vídeo anterior e vou editá-lo para mostrar como será a aparência do RepletPMPT Então, aqui está o contexto que eu tenho. Estou criando um site para uma nova criptomoeda que estou lançando no blockchain Solana Seu símbolo será SPRK, que significa Spark. O propósito desse token, eu realmente deveria dizer isso. Então aqui eu melhorei. Seu símbolo será SPRK, que tende para Spark. Isso é só para que ele entenda a marca com antecedência O objetivo desse token é ajudar pessoas criativas a obter financiamento para seus projetos, então eu preciso de um site com aparência criativa e amigável. Esse é o contexto. Agora, a tarefa, essa é a parte mais importante. A tarefa é um pouco longa. Vamos lê-lo juntos rapidamente. Crie um site brilhante e rico em imagens, voltado para que pessoas criativas se sintam à vontade e confiem no site. Use a redação para explicar aos criadores que eles poderão arrecadar mais dinheiro e ficar com mais dinheiro do ganham ao arrecadar por meio desse token Isso é um pouco confuso no texto, 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 ao explicar todos os detalhes da criptomoeda de forma transparente, como toda a economia, economia e Portanto, tenha 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 sejam financiados por meio deste site, para que os doadores possam encontrá-los no site Esse é o benefício adicional desse projeto de criptomoeda: ele terá um site onde os doadores poderão encontrar um projeto para o qual doar Agora, o resultado desejado ao escrever isso, também pensei em algumas outras coisas boas para acrescentar. Então, deixe-me lê-los para você. Crie uma seção para pessoas criativas que explique como elas podem começar e crie uma seção para doadores para ajudá-las a entender como se envolver Quase crie como uma partição. Então, deixe-me explicar isso. Aqui, tenho um pouco mais de clareza sobre a IA. Eu escrevi: crie duas grandes seções na página inicial, uma para criadores e outra para doadores E abaixo disso, veja a seção que mostra os projetos atualmente arrecadando fundos. Portanto, quanto mais detalhes e mais recursos você quiser especificar, a probabilidade de ele realmente criar exatamente o que você deseja. Agora, resultado desejado, parte do resultado desejado se sobreporá um pouco à tarefa Então, aqui está um exemplo. Quero que as pessoas assinem meus boletins informativos por e-mail. Quero que as pessoas participem , sejam elas criadoras ou doadoras Também quero que as pessoas invistam apenas em criptomoedas, apenas pela oportunidade de investimento e mostrem o símbolo e o preço no site Provavelmente, posso simplesmente colocar a última frase na tarefa porque essas são suas. Agora, o próximo é um exemplo de resultado. Então, o que eu quero fazer é encontrar um ótimo site atual de criptomoedas que eu possa mostrar como seria. Então, vou usar o site da SOL. Então, vou dizer que use o exemplo da criptomoeda SOL, forneça o URL e direi: apenas torne-o mais claro, mais divertido e envolvente Então, o tom, obviamente, não estamos escrevendo, mas vamos mudar isso para o tom de redação Esse é o texto que será escrito no site. Precisamos que seja profissional, educado e amigável ao criador. Isso é só porque, para mim, estou falando com criadores. Aqui está meu aviso. Use um tom profissional, educado, inspirador e amigável ao criador, para que eles possam ver a grande visão do projeto e os benefícios financeiros para Nível de criatividade, podemos mantê-lo como estava, focar na precisão em vez de ser criativos. Público. Isso é importante porque esse público em particular, o mundo artístico, normalmente libra por libra não é um pouco experiente em criptografia E muitas pessoas criativas com quem converso têm um sentimento cético, como eu odeio criptomoedas ou por que eu preciso Isso tudo é falso? Isso é uma farsa Eles são muito céticos? Porque eu admito que a criptomoeda pode ser muito chata de aprender e porque é chata e coisas que não se sabe quando não entendemos as coisas, normalmente temos um pouco mais de medo delas Então, entender isso e entender que esse é o desafio que vou enfrentar é contratar pessoas que não são os primeiros adaptadores, o público é, veja, o público é, veja, pessoas de artes potencialmente céticas que não são necessariamente adaptadores criptográficos precoces, então precisamos que não são necessariamente adaptadores criptográficos precoces, eles quebrem a E para o formato, na verdade, o prompt anterior parecia bom. Use cabeçalhos de seção claros, facilite o uso de imagens e gráficos sempre que possível e destaque as partes que você acha que impressionarão Isso é muito bom. Então, isso nos dá a maior parte da nossa primeira solicitação que podemos copiar para o replet. Então, agora que temos nossa solicitação no próximo vídeo, vamos realmente colocar isso em replet e ver o que acontece E depois disso, poderemos colocar este site no ar, obter um nome de domínio e também todas as próximas etapas. Nos vemos em algumas das próximas etapas no próximo vídeo. 5. Proposta de resposta inicial e criação de site sem código: Neste vídeo, vamos pegar a solicitação que fizemos para o replet e, na verdade, fazer com que o replet crie o site que queríamos Portanto, no repleto, há sempre esse botão no canto superior esquerdo, além de Criar aplicativo Quando você clica nele, ele realmente mostra uma tela como a que já temos. Quando diz aplicativo, não significa aplicativo. Isso 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, eu vou literalmente copiar tudo e colar. A única coisa que vou fazer é ter edições mínimas. Como, por exemplo, o opcional recomendado, vou retirá-lo dos colchetes, mas vou contextualizar Depois de pressionar Context, pressionar 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 seu site criativo. Em seguida, ele me dá algumas coisas que ele pode fazer mais tarde, como integrar a carteira Solana Isso é apenas uma coisa específica para Solana, no portal de envio de projetos para criativos Sim, isso é ótimo. Implemente o sistema de votação da comunidade. Talvez ainda não precisemos disso e, em seguida, criemos um painel de recebimento de tokens e um painel de recompensas, precisamos disso. Agora eu também quero dar um pouco mais de fundo, então vou colar todas as outras coisas no meu prompt e retirar as coisas. Todas as coisas no suporte, eu vou simplesmente tirar as coisas. A tarefa seria deixada, resultado desejado seria deixado, exceto o material no colchete. Então, vou editar tudo isso rapidamente e pressionar Enter. Então, depois de editar tudo isso para ficar claro para a IA, vou pressionar Enter aqui, não neste plano aprovado e começar, mas isso para que ela entenda contexto, mais do que tudo. Eu tenho todos os elementos do que eu queria fazer. Poderia ter colado tudo no começo. Isso também foi bom. 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 que fará: um site brilhante e focado na confiança da criptomoeda Spar que oferece aos criadores e doadores um link claro de integração ao vivo, apresentações de projetos, descrição de boletins informativos, etc Posteriormente, integre o ticker e implemente o painel do doador. Isso só fica disponível para mais tarde. Por enquanto, vou dizer aprovar o plano e começar, e vou esperar Como você pode ver, ele está pensando na parte inferior, aqui no lado esquerdo, e está trabalhando no código no lado direito. Isso levará de cinco a 10 minutos, e eu encaminharei rapidamente este vídeo para quando isso for feito. E demorou cerca de cinco a 7 minutos. Eu não estava contando, mas isso me criou este site. É uma versão 1. Você nunca terá uma versão que seja exatamente como você queria. Há algumas coisas que não são ideais aqui para mim que vou pedir que mudem, mas já estão muito boas. Então, vamos ler o resumo do que ele fez. Aqui está o que ele fez. Eu criei um site brilhante e focado na confiança para a criptomoeda Spark que atende criadores e doadores Tem um design moderno e cores vibrantes inspiradas em Solano Veja, isso é do meu exemplo que eu dei. Meu trabalho será encontrar um site que se pareça mais com algo para artistas, porque parece um pouco demais. Office, trabalho de 29 a 5 anos, não é exatamente a atmosfera que eu estava procurando, então terei que mudar Em seguida, diz que tem um indicador de preço ativo em algum lugar aqui, embora eu não consiga encontrá-lo Por exemplo, há alguns dados aqui, mas são um pouco vagos, mas têm outros recursos, como a seção de heróis, com uma proposta de valor clara Veja como está claro. Desperte seus sonhos criativos Ok, bom. A criptomoeda projetada para financiar projetos criativos. Eu gostaria que o conteúdo explicando tudo estivesse em uma fonte maior. E essas são todas as coisas em que você faria uma anotação mental para si mesmo e pediria ao Replet que fizesse essas edições, porque esta versão não é a que você vai lançar Isso é apenas algo que você olha e pede que faça alterações. Compare isso como uma analogia com se você contratasse um freelancer. Primeiro de tudo, levaria um dia, dois, três, quatro, se você contratasse um freelancer ruim, duas semanas. Eu já teria te custado $200 por isso. Então, se você quisesse fazer edições, precisaria de outra Um dia, dois dias, três dias e talvez mais dinheiro, ou você pode ter um limite de quantas edições você pode pedir ao desenvolvedor, porque ele pode dizer: Bem, em um determinado momento, você tem que pagar mais Aqui, você não precisa pagar mais. Você só precisa continuar solicitando as mudanças que deseja. Então, no próximo vídeo, vamos analisar esse detalhe por detalhe e pedir que ele melhore certos aspectos deste site até que seja algo que adoramos e que possamos ficar felizes com o lançamento, para que possamos prosseguir com as próximas etapas do lançamento. Então, vamos refinar nosso site no próximo vídeo. 6. O processo de trabalhar com a repetição para melhorar o que fez: Neste vídeo, quero mostrar um pouco mais sobre como desenvolver seu site do zero com plt sem absolutamente nenhum código Como você viu no vídeo anterior, o plt pode criar um rascunho muito bom, mas com erros óbvios E mesmo que você possa fazer o possível criar um ótimo prompt, você quase pode garantir que ele não criará exatamente o que você deseja desde a primeira tentativa. Portanto, o próximo passo é dar instruçõ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 entediante, vou simplesmente rolar minhas instruções aqui no lado esquerdo para mostrar o que Porque se você se lembra, quando eu rolo para cima , para cima, para cima, pa, pa up, olha quanta rolagem eu tive que fazer Na verdade, foi um processo muito trabalhoso. Então, vou meio que pular por aqui porque vou levar uma eternidade para ver quanto tempo durou a conversa que tive com Plet Então, o que eu fiz foi dar um grande aviso e ele me deu esse site inicial. A propósito, sempre que você trabalha nisso, ele cria versões. Portanto, se você gostou de alguma versão, você pode reverter para alguma versão. Mas quero mostrar uma prévia só para ver a versão anterior. No lado direito, o que você vê é a versão atual que eu tenho. Aqui, a prévia está pronta. Então, vou clicar em Exibir visualização prévia. Ele abre a pré-visualização em outra guia e, como você pode ver, mesmo sendo para pessoas criativas, você vê que essa imagem de estoque é como para startups de tecnologia. Não é exatamente o que eu quero. E há alguns erros como: isso não é legível. Essa parte do site tem bugs e é feia porque como ele pode fazer um design tão Há texto aqui, mas obviamente foi escolhido com as cores erradas porque as cores se misturam. Depois, há, tipo, o que esse cara de Mckinen está fazendo? Por que essa foto? Então, a IA era muito ruim em escolher imagens apropriadas e verdade, para muitas dessas seções, é um pouco cedo para isso. Então, em vez disso, acabei tendo esse tipo de design mais limpo. Pelo menos eu acho que sim. A aparência parece um pouco mais próxima do que as pessoas criativas gostariam. Então, vamos seguir o passo a passo. Então, literalmente, eu contei isso como a primeira coisa. Achei que as imagens e a aparência eram muito corporativas. Você pode mudar isso para algo mais criativo? Talvez, em vez de uma imagem de estoque com um escritório, use algo mais inspirador para uma pessoa boêmia E fez isso. Vou carregar essa prévia. Então, essas foram apenas instruções para mudar essa imagem. Então, depois de criar seu site, desde que a arquitetura do site pareça razoável para você, o que você faria seria ler cada pedacinho desse texto, o texto na parte superior, depois o texto na parte inferior, o subtítulo, a imagem, próxima seção e a próxima sessão E o que você faria é orientá-lo sobre o que escrever. É demorado, mas não tão demorado quanto 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 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 essa prévia. Então, isso me deu esse tipo de pincéis boêmios, mas eu não adorei E, na verdade, acabei passando por algumas iterações, como vou mostrar a vocês Aqui, eu disse, não tenho certeza. Eu quero me concentrar na arte especificamente, muito restrita. Então eu disse, então isso me deu algumas opções. Escolha uma das opções. Em seguida, eles me deram outra prévia. Eu vou te mostrar esse também. Basicamente, muitas das imagens de pré-visualização simplesmente não eram boas. Então, eu vou te mostrar a próxima imagem de pré-visualização. Então, isso consumia um pouco de tempo. Tipo, por que esse telefone estava aqui? Não faz nenhum sentido para este projeto. Como você também pode ver, há um bug nesse botão. Lance seu projeto. Tipo, o que é esse botão? Por que eu tenho que passar o mouse sobre Então, todas essas pequenas coisas são coisas que você deve observar. E diga a Raplet que conserte. Então eu acabei fazendo isso. Acabei passando por algumas iterações de imagem. Não quero mostrar cada iteração de imagens porque isso só tornará esse vídeo muito chato Mas em algum momento, olha, eu disse: Você está enfrentando um bug? Como eu estava dizendo, escolha uma ilustração, certo? Veja, eu disse, use ilustração na imagem do herói. E então não me deu uma ilustração. Eu disse: Você está enfrentando um bug? Então eu fui a um site de imagens e encontrei uma imagem que eu gostei e disse para fazer o upload dessa imagem. Você pode usar esse arquivo anexo e eu disse, use essa imagem. Portanto, talvez você precise escolher as imagens, o que não é um problema, na verdade. Foi assim que eu escolhi aquela imagem que é uma imagem de herói. E então eu comecei a pedir que ele mudasse todas as partes do site. Veja, eu disse, vamos fazer o texto do título e não o subtítulo E então eu tentei isso e decidi : Oh, vou refazer minha legenda Então eu mudei a redação. Agora é o Spark, a primeira criptomoeda projetada para financiar projetos criativos E então o subtítulo é financiar livros de música, projetos de arte, ideias para startups, projetos online É tudo o que eu escrevi, acabei de mandar fazer o upload. Então, é como se eu fosse um desenvolvedor, mas não houvesse código. Então, o que eu quero que você saiba é que não é como se você pressionasse um botão e um site fosse lançado e pronto, mas é mais como se você pressionasse um botão. Um site é lançado, então você passa por tudo isso e pode pensar: escolha seu caminho. Tipo, eu quero um texto diferente, e você diz, ou você pode querer palavras diferentes nesses botões. Você conta, e ele fará isso. Dessa forma, é quase como dar e ir, dar e ir, você manda ele fazer uma mudança, você aprova a mudança ou desaprova Em seguida, você vai para a próxima parte do site. Em seguida, a próxima parte do site. E quando você está satisfeito com a página inicial, você diz: OK, para criadores, depois para doadores e depois para projetos E quando você pegar os desenvolvedores, e digamos isso no próximo vídeo, deixe-me mostrar uma demonstração ao vivo de como fazer algumas mudanças e, com isso, você ficará confiante sobre como fazer todas as alterações 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. 7. Implantando o site Replica: Quando estiver pronto para dar o próximo passo no lançamento de seu site, você não apenas lança seu site real, mas lança uma versão de teste, que, em termos técnicos, é chamada de implantação. Então, o que você faria é digitar no prompt algo como Deploy, que eu fiz, e o replate fornecerá um URL potencial, como o Spark Veja, isso me deu algumas opções antes, como o fundo Spark, Alexi O URL ficará assim: o nome do seu projeto replet dot app Está bem? Então, no meu caso, eu só queria facilitar as coisas. Então, token Spark. Vou clicar em Implantar agora e vou fazer um pouco de trabalho para realmente implantar o site nesse URL para o site nesse URL que você possa acessar esse URL, testá-lo, clicar em um botão, dois botões e enviá-lo para seus amigos. Se todos os testes forem aprovados, você estará pronto para a próxima etapa. Mas muito provavelmente você encontrará alguns bugs que talvez queira corrigir e, em seguida, pedir ao Repl que corrija esses bugs Em seguida, você implanta essas correções nesse site de implantação novamente. Quando você está satisfeito com tudo, tudo é testado. Você estará pronto para a próxima etapa, mas essa etapa de implantação é a próxima etapa e levará um pouco de tempo para implantar tudo. Como você pode ver no lado direito, enquanto eu falo, está funcionando. Então, vou avançar até o momento em que terminar de funcionar para que eu possa mostrar o que aconteceu. E o processo de implantação levou cerca de 5 minutos. Já criamos a URL para isso. O token Spark está repleto. Então, eu acessei esse URL diretamente. E como você pode ver, o site está aqui, se você não gostar de algo, peça Repl para alterá-lo. Eu vou mudar. Mas, basicamente, temos nossa configuração de ambiente de teste, para que você possa enviá-la para amigos e familiares para testes ou para você mesmo. Você pode testar e, no próximo vídeo, daremos o próximo passo para o lançamento do nosso site. 8. As etapas necessárias para lançar seu site: Neste vídeo, vou descrever as próximas etapas para realmente lançar seu site e colocá-lo no ar. O primeiro passo é comprar o domínio em um registrador de nomes de domínio. Qualquer um deles fará como o chip do nome Codei, seja o que for. E então, já criamos o site de implantação na etapa 2. Então, depois disso, depois de obter seu nome de domínio, você deve dar o passo de conectar seu nome de domínio personalizado. Portanto, seja qual for o nome de domínio que você comprar da GoDaddy ou de qualquer outro lugar, você precisará conectá-lo ao replet para que o que for exibido em seu site de implantação realmente apareça em sua URL real, a URL ativa Depois disso, o replet configurará seu certificado SSL para fins de segurança e você basicamente entrará Então, no próximo vídeo, vamos ver como obter esse nome de domínio e como configurar essa etapa confusa de adicionar seus registros DNS para apontar para servidores repletos Então, faremos isso no próximo vídeo. 9. Como obter o nome de domínio para seu site: Agora, vamos passar pelo processo de comprar seu nome de domínio e configurá-lo para que tudo o que você criar no replet realmente renderizado quando você acessa seu nome de domínio, porque o nome aplicativo dot replet dot da sua marca, seu nome de domínio, porque o nome do domínio, o aplicativo dot replet dot da sua marca, não é algo destinado a consumidores ou visitantes de seu site, é para fins Portanto, 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, só para lhe dar algumas informações, se você for a um popular registrador de domínios e serviço de hospedagem, como, digamos, o Blue Host, você pode obter um nome de domínio gratuito e uma hospedagem muito barata. Veja, cerca de 295 por mês, comece. E você vê no lado esquerdo, uma das coisas que você recebe é um nome de domínio gratuito no primeiro ano. Assim, você pode obter um nome de domínio gratuito com hospedagem, mas isso é para WordPress. Um site repleto não é um site WordPress. Um site repleto terá uma hospedagem um pouco mais cara Esse é o preço que você paga por ter um site personalizado e por poder evitar totalmente a contratação de um desenvolvedor porque você está economizando muito dinheiro na contratação de um desenvolvedor e, sempre que precisar fazer uma alteração, é uma abordagem sem código Você pode fazer as alterações que quiser sozinho. Você nunca precisa analisar uma linha de código sozinho. Então você pode ter isso. Não vamos fazer essa rota, ok? Eu só queria que você soubesse que isso é possível. O caminho que vamos seguir é comprar um nome de domínio em um serviço como o go Daddy Agora, deixe-me falar sobre Go Daddy. O Go Daddy é um registrador de domínios comum e um serviço de hospedagem que pode ajudá-lo com a hospedagem de sites WordPress ou outros tipos de hospedagem de seu site Não vamos hospedar nosso site aqui. Sou usuário do Go Daddy há cerca de 20 anos. Muitas pessoas não gostam de Go Daddy. Eu também não adoro ir, papai. Acho que está tudo bem. É ótimo para comprar nomes de domínio. Talvez não seja o melhor lugar para comprá-lo, mas está tudo bem em termos de que você não terá dores de cabeça, não terá problemas com isso. Não vai ser muito complicado. Mas para hospedar e projetar seus sites, é aí que as pessoas têm problemas porque muitas pessoas usam o criador de sites Go Daddy e ficam totalmente presas a um site feio do qual não conseguem sair Então, não vamos criar nosso site com o Go Daddy, obviamente, porque estamos criando um raplet, mas vamos obter um Não conseguiremos obter um nome de domínio gratuito, mas você pode obter algumas ofertas e descontos. De qualquer forma, sempre que for gratuito, será gratuito apenas no primeiro ano. Então, o que você pode fazer no Go Daddy, se você acabou de acessar a página inicial do Go Daddy, você pode digitar os URLs que quiser, como abc.com, e ver se eles estão você pode digitar os URLs que quiser, como abc.com, e ABC.com não está disponível. Alguém o possui e cobrará uma taxa de corretagem de $99 para tentar comprá-lo, mas pode ser um preço muito mais alto Você pode obter o abc.co, mas talvez não queira o ACO, como mostram aqui, você pode ter o ABC Pode fazer sentido, mas para a maioria das pessoas, você precisa de um nome de domínio.com. Então, ficaremos com o domínio.com. E, obviamente, a maioria dos nomes de domínio de três ou quatro letras são usados, então você quer ter um nome de domínio que seja memorável, fácil de escrever, fácil de soletrar, cativante, saia da língua, tenha uma marca, todas essas coisas, mas que também seja gratuito, porque se eu quiser um nome de domínio como, minha primeira opção é Então, quando eu digito sparktken.com aqui e pressiono Enter, ele encontra o token Spark e me diz se está disponível. Sim, está disponível. Mas veja, é um domínio premium porque Spark e Token são palavras em inglês, e token é um tipo de palavra premium porque, obviamente, tokens são dinheiro Está relacionado à criptomoeda. Há muita demanda nisso. Então, $12.000 por ano. Devo pagar isso? De jeito nenhum. Você provavelmente pode obtê-lo mais barato de alguma forma. Mas há uma opção interessante qual, sinceramente, não estou familiarizado, alugar um imóvel , mas é um preço horrível Ainda custa $1.000, então não é uma opção. Você nunca deve pagar mais do que dez ou $20 por mês por um domínio com esses nomes de domínio premium. Os nomes de domínio são uma fraude, pois tudo o que você precisa fazer é, em vez de dizer token spark, dizer SPK sprktken.com $20 por mês por um domínio com esses nomes de domínio premium. Os nomes de domínio são uma fraude, pois tudo o que você precisa fazer é, em vez de dizer token spark, dizer SPK sprktken.com e ele estará disponível. Aí está. Ótimo nome disponível. Você pode comprá-lo. Eles até te dão um acordo. Agora, você pode não estar satisfeito com SprktKen, é uma espécie de palavra em inglês, mas agora é enigmático para demonstrar o fato de que você não precisa Digamos que você queria ter o Spark. Tudo o que você precisa fazer é adicionar mais uma sílaba em algum lugar como Soul é a cadeia de blocos Solana na qual esse token será construído Então, se eu disser token Spark, Soul, ele estará disponível com certeza Eu procuro, e aí está você. Está disponível. Você não precisa ter alma. Você também pode dizer Spark creative. Token, ou você pode até mesmo se safar com o Spark Creative Não sei se isso vai estar disponível, não disponível. Mas Spark creative ou creative spark token, isso seria bom e estaria disponível Então, a conclusã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, com certeza. Você pode obter sparktken.com e redirecionar seu site atual para o Você pode fazer isso. Mas para novos projetos, obviamente é difícil. Então, aqui temos o token criativo Spark ou o Spark Token. Eu meio que gosto do SprktKen. Vamos ficar com um pequeno e depois vou comprá-lo. Então, vou clicar em Não perca. Então eu vou comprá-lo por três anos. O primeiro ano será essencialmente gratuito. Você pode obtê-lo por apenas um ano. Vai ser mais barato, mas não muito mais barato, tudo bem. Digamos que não perca. Vamos clicar nesse botão. Eu o adicionei ao carrinho. Há algumas vendas adicionais aqui. Vamos pular essas vendas adicionais. Vamos dizer não, obrigado. Só para ter certeza, veja seu carrinho. Para a duração de três anos , serão $43 Você vê o subtotal, $43. Em seguida, clique em Continuar para o carrinho. Então eles vão vender mais coisas para você. Você não precisa de nada disso, proteção total do domínio, não. Nenhuma das vendas adicionais aqui continua no carrinho. Deve ficar em $43. Por algum motivo, ele ainda foi adicionado à proteção total do domínio. Certifique-se de desligar isso. Aí está. Você pode pagar com PayPal e concluir a compra. Perfeito. Esse nome de domínio é meu. Agora temos que configurar o nome do domínio, então você clica em Continuar. Em seguida, eles oferecem a você a publicação de um site em breve. Não precisamos disso porque, imediatamente, vamos conectá-lo ao nosso repleto. Então, diremos que não agora. Em seguida, você é levado ao seu painel, então parabéns. Você comprou seu nome de domínio e, no próximo vídeo, vamos configurar e configurar seu nome de domínio, após o qual seu site estará ativo. Então, faremos isso no próximo vídeo. 10. Configurando os servidores de nomes do seu site: Então você vai para o lado esquerdo em domínio e, no DNS, precisa fornecer os servidores DNS corretos Então você obtém essas informações do PLT. Agora, para obter as informações de que você precisa do Raplet, acesse a tela inicial do painel do Raplet Under e verá a implantação que você fez. Você clica nisso. Nós lhe daremos um pequeno tutorial. Bem-vindo ao espaço de trabalho. É aqui que toda a mágica acontece. Vamos dar uma olhada. Em seguida, este é o agente com quem você fala. No lado esquerdo, você abre todas as ferramentas adicionais de IA e outras ferramentas em arquivos. O botão Executar serve para visualizar o aplicativo que você está criando. E você está pronto para outro não. Nesse caso, precisamos de configurações porque, em configurações, precisamos encontrar nosso servidor de nomes ou registros DNS Na verdade, isso nos explica o que fazer. Veja, obtenha seus registros DNS, plt mostrará os servidores de nomes ou DNS específicos. Então é isso que precisamos encontrar. Em domínios, vou inserir um novo domínio. Vou conectar o domínio, inserir meus nomes de domínio, Spark Token, eles me deram essas instruções Em seguida, adicione os seguintes registros às configurações de DNS do seu domínio Então digite A, nome do host WW record. Então é aí que vamos adicionar. Então, em A, vamos editar isso e colocar esse endereço IP lá, salvar. Em seguida, em nome do host , registro WW, esse é o nome do host , vamos copiá-lo e adicioná-lo lá também E quando terminarmos, clicaremos em Link Domain e ele dirá verificação A propósito, vamos voltar para a tela Go Daddy. Então, agora estamos de volta ao Go Daddy. Eu entendo que essa parte do processo pode ser muito confusa Então, deixe-me explicar as boas práticas do que você deve fazer. Se você quiser que seu nome de domínio mostre se as pessoas estão digitando WWW seu nome de domínio ou apenas seu nomedodomínio.com, certifique-se de que você tenha aqui abaixo de A, e o nome de um símbolo está em, o outro é E para os dois, você insere o mesmo endereço IP que foi fornecido pelo replet aqui Eu vou te mostrar onde. Você vê aqui, A, WW, isso Também deve ter a outra versão disso, também sob esse endereço IP. Então a segunda linha, TXT WW e depois esse registro, isso também está Veja, eu tenho TXT WW e esse disco que também está lá. garantirá que, quer as pessoas acessem sprkten.com WW, você veja que ele já é renderizado, ou que as pessoas acessem apenas esse nome de domínio sem o WWW que seu nome de domínio sem o WWW Agora, você notará que diz que HTTPS não está pronto. Isso leva cerca de uma a 4 horas para ser instalado automaticamente depois que você acertar essas configurações. Se você tiver essa mensagem de erro , não se preocupe com isso. Se você receber essa mensagem de erro 5 horas depois, se preocupe, então é hora de solucionar o problema. Mas, no começo, não é um problema preocupante. Da mesma forma, também não é um problema preocupante se seu URL não for renderizado imediatamente após você definir essas configurações, pois elas também podem levar uma a 24 horas para se propagar, porque, como você pode ver aqui, este é um lugar onde você pode verificar seus servidores de nomes de domínio e você verá que a empresa de hospedagem de sites os tem em todo o mundo, e em algum lugar eles podem se seu URL não for renderizado imediatamente após você definir essas configurações, pois elas também podem levar de uma a 24 horas para se propagar, porque, como você pode ver aqui, este é um lugar onde você pode verificar seus servidores de nomes de domínio e você verá que a empresa de hospedagem de sites os tem em todo o mundo, e em algum lugar eles podem demorar mais. quantidade de tempo, em algum lugar mais longo. Você vê que há muitas marcas verdes, como se estivessem bem registradas As cruzes vermelhas, isso significa que ainda não. Isso está em wasmdns.net. Digite seu URL e, em seguida, pesquise e veja: está tudo pronto? Você verá que receberá uma marca de seleção em algumas delas que não estão prontas. Mas dentro de 24 horas, ele deve estar pronto. Novamente, se não estiver pronto em 24 horas, é aqui que você soluciona o problema e entra em contato com o atendimento ao cliente da Go Daddy e, basicamente vê que talvez tenha digitado Talvez tenha ocorrido um erro nas configurações que você definiu. E se houver um erro , geralmente está aqui. Você precisa realmente verificar se essas configurações estão corretas e se elas realmente correspondem aos URLs e a todos os dados fornecidos aqui Portanto, este é o lugar para verificar se algo pode estar errado. Se houvesse um pequeno erro de digitação, um pouco de inconsistência, isso poderia ser a causa dos problemas Mas geralmente, a maioria das pessoas faz essa parte do processo perfeitamente. Às vezes, quando você espera, é um pouco preocupante Tipo, por que não está renderizando, 2 minutos depois, por que não está renderizando, 2 minutos depois, estou estressada Mas depois de algum tempo, geralmente essas coisas se resolvem sozinhas. O SSL será instalado automaticamente por replet depois que seus servidores DNS 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, adivinhe? Seu site está ativo, o que é fantástico. Então, parabéns. 11. Outras configurações e solução de problemas: Uma pequena nota sobre solução de problemas. Veja, em domínios, no final das contas, acabei tendo um tipo de URL que, sem o WWW, apenas domain.com, e o outro URL está com w dot domamdt com Você precisa criar os dois em seus domínios para que, seja o que for que as pessoas digitem, quer digitem apenas sparktken.com ou www sparktken.com, se você tiver os dois, seu site será renderizado para ambos em seus domínios para que, seja o que for que as pessoas digitem, quer digitem apenas sparktken.com ou www sparktken.com, se você tiver os dois, seu site será renderizado para ambos. Mas se você não tiver essas duas versões , seu site não renderizará para ambas, o que parecerá muito, muito problemático porque um site deve renderizar para as duas opções que parecerá muito, muito problemático porque um site deve renderizar para as duas A maneira como você faz isso é basicamente em domínios. Você sempre pode clicar em mais aqui, vincular um domínio e, em seguida, adicionar o seu e garantir que, seja o que for que ele forneça, veja se eu clicar no pequeno ícone Editar, seja o que for, certifique-se de ter esse registro no seu go daddy ou onde quer que você tenha comprado seu domínio Então, por exemplo, esse A neste endereço IP, eu tenho aquele A no endereço IP. Então, como você pode ver, eu tenho AWW, esse endereço IP. Isso é do outro nome de domínio. Você vê esse endereço IP como AWW. mesma coisa com o valor do texto, texto nesse registro e, em seguida, o registro textww dot Então, eu tenho um texto nesse registro aqui e um registro de pontos textww. Depois de fazer isso, ele deve funcionar e automaticamente, o site deve ser renderizado perfeitamente e, rapidamente depois disso, Plate também deve instalar seu SSL para HTTPS Assim, você atenderá a esse requisito por padrão e seu site deverá estar pronto para ser usado. Portanto, certifique-se de definir essas configurações, especialmente se você esperar algumas horas e seu site simplesmente não estiver renderizando da maneira que você achava que deveria O primeiro passo a fazer é examinar cuidadosamente a precisão com que você recriou esses dados, essas informações em qualquer site em que você comprou seu