Publique seu landing page profissional em 5 minutos com Claude e hospedagem gratuita
Gere o código completo do site com uma única frase e publique gratuitamente na internet sem programação.
- 1.Acesse o site do Claude e entre na sua conta gratuita (ou crie uma nova).
Se o serviço não estiver disponível na sua região, use uma VPN para acessar o site.
Claude ↗Sobre a ferramenta - 2.Certifique-se de que a função Artifacts está ativada. Clique no ícone do perfil, selecione Settings, depois Feature Preview e verifique se o interruptor Artifacts está ativo.
Essa função permite que o Claude exiba o código pronto como pré-visualização interativa em um painel separado.
Claude ↗Sobre a ferramenta - 3.Cole o prompt abaixo no campo de chat, substituindo o texto entre colchetes pelos dados do seu projeto, e envie a mensagem.
Gere o código em um único arquivo para facilitar o envio para a hospedagem.
Claude ↗Sobre a ferramentaPromptCrie um site landing page profissional e totalmente responsivo de uma página para [nome do seu negócio, ex.: designer gráfico freelancer]. Escreva como um único arquivo HTML com CSS e JavaScript embutidos. Inclua uma seção Hero com call to action, uma seção de Serviços, uma seção Sobre e uma seção de Contato com um formulário simples. Use uma paleta de cores moderna e minimalista.
O que este prompt fazEste prompt pede ao Claude para criar um site profissional de uma página em um único arquivo HTML com estilos e scripts embutidos. Substitua o texto entre colchetes [ ] pelo nome e descrição do seu negócio. - 4.Aguarde a geração da resposta. No painel Artifacts à direita, clique no ícone de download (Download) ou em «Publish» para salvar o arquivo index.html no seu computador.
Se o painel Artifacts não aparecer, peça ao Claude no chat: 'Please create an artifact for this code'.
Claude ↗Sobre a ferramenta - 5.Acesse o Netlify Drop e arraste o arquivo index.html baixado para a área pontilhada na tela.
Não envie arquivos com dados confidenciais ou pessoais. Se o serviço não estiver disponível, use uma hospedagem gratuita similar para arquivos estáticos, como Tiiny.host.
Netlify Drop ↗ - 6.Aguarde o upload (levará alguns segundos) e copie o link público gerado. Seu site agora está disponível nesse endereço.
Você pode se cadastrar no Netlify para vincular seu domínio e acompanhar as visitas.
Netlify Drop ↗
- grátisClaude (Free tier)O plano gratuito oferece acesso à função Artifacts e à geração de código, mas possui limites dinâmicos de mensagens por hora dependendo da carga do serviço.
- grátisNetlify (Free tier)O plano gratuito permite hospedar um número ilimitado de sites estáticos sem necessidade de cartão de crédito.
Serviços de IA mudam rápido - interfaces e limites gratuitos podem diferir do descrito.