Você provavelmente já ouviu falar de vibe coding — a prática de descrever o que você quer para uma IA e deixar que ela escreva o código para você. Mas aqui está o problema que ninguém fala: o que acontece depois que o código é escrito?
Most vibe coders hit a wall. They've got a beautiful app sitting on their laptop, and then they Google "how to deploy a website" and fall into a rabbit hole of Docker, Kubernetes, CI/CD pipelines, and YAML files that make them question their life choices.
É aí que entra o vibe hosting.
Vibe hosting é fazer deploy do seu código da mesma forma que você o escreveu — sem esforço, sem atrito, sem dores de cabeça de configuração e sem precisar de um diploma em DevOps. Você faz git push, e seu site está online. SSL? Automático. DNS? Resolvido. Configuração de servidor? Já está pronto.
Neste tutorial, vamos percorrer o fluxo de trabalho completo do zero para um site online usando Claude Code para vibe coding e NameOcean para vibe hosting.
O Que Você Vai Precisar
É isso. Sem Docker. Sem console AWS. Sem Terraform. Sem lágrimas.
Baixe o App Desktop NameOcean & Faça Login
Baixe o app desktop NameOcean Vibe Hosting para sua plataforma e faça login com sua conta NameOcean. O app conecta seus servidores ao Claude Code via MCP, para que você possa gerenciar tudo através de linguagem natural.
Don't have an account yet? Sign up at nameocean.net first, then download the desktop app and log in.
Crie um Servidor na NameOcean
Faça login no seu painel NameOcean e crie um novo servidor. Escolha o plano que se adequa às suas necessidades:
| Plano | CPU | RAM | Disco | Ideal Para |
|---|---|---|---|---|
| Tiny $4/Mês | 1 | 512 MB | 10 GB | Sites estáticos, experimentos |
| Starter $5/Mês | 2 | 1 GB | 20 GB | Landing pages, aplicativos pequenos |
| Growth $10/Mês | 3 | 2 GB | 40 GB | Aplicativos web em produção |
Para uma landing page ou um aplicativo web pequeno, o plano Starter é mais que suficiente.
Todo servidor NameOcean vem com Node.js v22, Python 3.14, Go 1.25, Nginx, PostgreSQL, Docker, Supervisor e Git — todos pré-configurados e prontos para usar. Nenhuma configuração necessária.
Vincule Seu Domínio
Se você tem um domínio registrado na NameOcean (ou transferido para ela), vinculá-lo ao seu servidor é uma ação única. Através da integração MCP do Claude Code, é literalmente uma frase:
"Bind mywebsite.com to my Starter server"Nos bastidores, a NameOcean:
- Atualiza registros DNS para apontar para seu servidor
- Provisiona um certificado SSL automaticamente via Let's Encrypt
- Configura o balanceador de carga para rotear tráfego HTTPS para seu servidor
Em poucos minutos, seu domínio está ativo e protegido com HTTPS. Sem comandos Certbot, sem configuração SSL do Nginx, sem jogos de adivinhação de propagação DNS.
Codifique seu Site com Vibe
Agora vem a parte divertida. Abra seu diretório de projeto e inicie o Claude Code:
mkdir my-awesome-site && cd my-awesome-site
git init
claudeEntão apenas descreva o que você quer:
"Create a modern landing page for my WordGrid word puzzle game.
It should have a hero section with App Store and Google Play buttons,
a features section, screenshots, how-to-play steps, and a CTA section.
Use the game's color palette — orange, teal, purple on a dark background."Claude Code criará um site completo, responsivo e pronto para produção. Você não escreve uma única linha de código. Você descreve a vibe, e a IA entrega.
A Arte da Codificação com Vibe
A chave para uma ótima codificação com vibe é ser específico sobre o que você quer, mas flexível sobre como é implementado:
Conteúdo e copy (especialmente em idiomas específicos), cores da marca e identidade visual, recursos e seções que você quer, público-alvo e tom.
Arquitetura CSS, detalhes de animação, estrutura de componentes, breakpoints responsivos, escolhas de ícones e micro-interações.
Think of it like talking to a skilled designer. You say "I want a modern, dark-themed landing page that feels playful and energetic" -- you don't say "use flexbox with a 24px gap and a linear gradient from #0f1628 to #161d35."
Implante com Git Push
É aqui que a hospedagem com vibe brilha. Todo servidor NameOcean vem com um remote git integrado. Adicione uma vez:
# Add the remote (first time only)
git remote add nameocean ssh://root@yourserver.nameocean.org:PORT/root/app
# Deploy
git add .
git commit -m "Initial launch"
git push nameocean mainÉ isso. Seu código chega em /root/app/ no servidor. Nginx já está configurado para servir arquivos estáticos desse diretório. Seu site está ativo.
Sem etapa de build. Sem imagem Docker. Sem pipeline de deployment. Sem espera. Apenas git push e atualize seu navegador.
Itere com Vibes
O verdadeiro poder da codificação com vibe + hospedagem com vibe é a velocidade de iteração. Quer mudar a seção hero?
"Make the hero headline bigger and add a floating animation to the phone mockup"Depois implante novamente:
git add . && git commit -m "Bigger hero headline + animation" && git push nameocean mainSuas mudanças estão ativas em segundos. Este loop de feedback — descrever → gerar → implantar → ver ao vivo — é o que torna a hospedagem com vibe transformadora. Você não está apenas codificando mais rápido; está lançando mais rápido.
Indo Além de Sites Estáticos
A hospedagem com vibe na NameOcean não se limita a HTML estático. A plataforma suporta aplicativos full-stack prontos para uso.
ARQUITETURA DO SERVIDOR
Node.js / Express / Next.js
Diga ao Claude Code para criar sua API Express ou aplicativo Next.js. Configure-a para escutar na porta 8000, configure o Supervisor para mantê-la em execução e descomente o proxy reverso na configuração do Nginx. Pronto.
Python / Flask / FastAPI
Mesmo fluxo de trabalho. Seu aplicativo Python escuta na porta 8000, o Supervisor gerencia o processo, o Nginx faz proxy das requisições. NameOcean vem com Python 3.14 e pyenv pré-instalados.
Go / Rust / Qualquer coisa
Compile seu binário, execute-o na porta 8000, e o Nginx cuida do resto. Ou use Docker se preferir -- já vem pré-instalado também.
A Integração MCP: Hospedagem Vibe no Piloto Automático
Aqui está o que torna a combinação NameOcean + Claude Code especial: integração MCP (Model Context Protocol).
Quando você conecta NameOcean como servidor MCP no Claude Code, a IA pode diretamente:
- Criar e gerenciar servidores — provisionar infraestrutura com uma frase
- Vincular domínios — com SSL automático e configuração DNS
- Abrir/fechar portas — para bancos de dados, APIs e serviços
- Fazer deploy de código — via git push, acionado pela conversa
- Verificar status do servidor — monitorar sua infraestrutura em linguagem natural
Isso significa que você pode literalmente dizer:
"Create a new Starter server, bind mydomain.com to it, build
a portfolio website with my projects, and deploy it"E Claude Code cuida de tudo — desde o provisionamento do servidor até escrever o código e fazer o deploy. Todo o ciclo de vida, gerenciado através de linguagem natural. A infraestrutura se torna invisível.
Exemplo Real: Página de Destino do WordGrid
Deixa a gente te mostrar um exemplo real. Construímos a página de destino do WordGrid, um jogo de palavras turco, do zero.
Tempo total: menos de 10 minutos.
| Etapa | Ação | Tempo |
|---|---|---|
| 1 | Criou um servidor Starter na NameOcean | ~30 segundos |
| 2 | Vinculou wordgridoyna.com — DNS + SSL automático | ~10 segundos |
| 3 | Descreveu a página de destino para Claude Code | ~3 minutos |
| 4 | git push nameocean main | ~5 segundos |
| 5 | Site ao vivo em https://wordgridoyna.com | Instantâneo ✨ |
O resultado: uma página de destino totalmente responsiva com tema escuro, seção hero animada, botões de download para App Store e Google Play, grid de features, galeria de screenshots, guia de como jogar, seção de call-to-action e layout otimizado para mobile. Tudo gerado por IA, feito deploy com um único push.
Dicas para Hospedagem Vibe Efetiva
Comece Simples, Itere Rápido
Não descreva seu aplicativo inteiro em um prompt. Comece com a estrutura, depois adicione features. Cada iteração está a um git push de estar ao vivo.
Use o Tamanho Certo de Servidor
Não over-provisione. Um servidor Starter suporta a maioria das páginas de destino e aplicativos pequenos. Escale apenas quando necessário.
Mantenha o Histórico Git Limpo
Mesmo com vibe coding, mantenha boas mensagens de commit. Quando você precisar fazer rollback, git revert ainda funciona.
Aproveite a Stack Pré-instalada
Node, Python, Go, PostgreSQL, Docker -- está tudo lá. Não instale manualmente, use o que já está disponível.
Use Supervisor para Processos
Rodando Node.js ou Python? Sempre use Supervisor. Ele reinicia automaticamente em crash e inicia no reboot do servidor.
Confie na IA, Guie o Vibe
Seja específico sobre o quê, flexível sobre o como. A IA cuida dos detalhes de implementação -- você foca na visão.
O Manifesto da Hospedagem Vibe
Quando a distância entre ideia e site ao vivo é medida em minutos em vez de horas, tudo muda. Projetos paralelos ganham vida. MVPs chegam aos clientes em uma tarde. A dívida técnica de infraestrutura complexa simplesmente desaparece.
O melhor deploy é aquele em que você não precisa pensar.
git push, e está ao vivo. Esse é o vibe.
Pronto para Começar a Hospedagem Vibe?
Seu próximo projeto está a uma conversa de distância de estar ao vivo.
git pushBaixe o aplicativo desktop para conectar seus servidores ao Claude Code