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.
Conecte o Claude Code à NameOcean
Adicione o servidor MCP da NameOcean ao Claude Code com um único comando. Não é preciso baixar nada: ele roda em nameocean.net, e você entra com sua conta NameOcean no navegador.
$ claude mcp add --transport http nameocean https://nameocean.net/mcpEm seguida, execute /mcp no Claude Code e escolha nameocean para entrar. Claude Desktop, claude.ai, Cursor e outros clientes se conectam da mesma forma: consulte o guia do MCP.
Ainda não tem uma conta? Cadastre-se em nameocean.net primeiro. Para conectar um aplicativo, sua conta precisa ter o login em duas etapas ativado.
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 |
|---|---|---|---|---|
| Starter $5/Mês | 3 | 3 GB | 30 GB | Landing pages, aplicativos pequenos |
| Growth $8/Mês | 5 | 5 GB | 50 GB | Aplicativos web em produção |
Para uma landing page ou um aplicativo web pequeno, o plano Starter é mais que suficiente.
Todos os servidores NameOcean executam Rocky Linux 10 e incluem Python 3.15 (pyenv + uv), Node.js 22, Go 1.26, Nginx, PostgreSQL 16, Valkey (compatível com Redis), Docker com Compose, Supervisor e Git — tudo pré-configurado e pronto a usar. Sem necessidade de configuração.
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.
O seu primeiro push pode usar qualquer nome de branch (main, master...); a partir daí, o servidor faz o deploy dessa branch e a página de boas-vindas provisória desaparece. Precisa de uma etapa de build ou de um reinício após cada deploy? Adicione .nameocean/deploy.sh ao seu projeto. Ele é executado no servidor após cada push e o resultado aparece diretamente no seu terminal:
#!/bin/bash
set -e
npm ci
npm run build
supervisorctl restart appOs ficheiros editados diretamente no servidor são substituídos pelo próximo push, por isso mantenha as suas alterações no git.
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
O balanceador de carga da NameOcean recebe HTTPS na porta 443, guarda os certificados e encaminha cada pedido para a porta 80 do seu servidor. Basta servir o seu site na porta 80: sem Certbot, sem configuração de SSL no servidor.
Node.js / Express / Next.js
Peça ao Claude Code para criar a sua API Express ou aplicação Next.js. Configure-a para escutar em 127.0.0.1:8000, configure o Supervisor para a manter em execução (há exemplos prontos em /root/conf/supervisor.conf) e ative o proxy reverso em /root/conf/nginx.conf. Pronto.
Python / Flask / FastAPI / Django
Mesmo fluxo de trabalho. A sua aplicação Python escuta na porta 8000, o Supervisor gere o processo e o Nginx faz proxy dos pedidos. A NameOcean inclui o Python mais recente (3.15) via pyenv, um virtualenv pronto e o uv para instalações rápidas.
Go / Rust / Qualquer coisa
Compile o seu binário, execute-o na porta 8000 e o Nginx trata do resto. Ou use Docker, se preferir: Docker e Docker Compose estão instalados e em execução.
Outros protocolos
Servidores de jogos, MQTT, WebSockets na sua própria porta: abra uma porta TCP ou UDP no menu do servidor no painel. A NameOcean atribui a porta externa e o tráfego vai diretamente para o seu servidor. Até 10 portas por servidor.
O seu servidor explica-se à IA
Cada servidor tem um AGENTS.md (também associado como CLAUDE.md) em /root. Explica ao Claude Code, ao Codex ou a qualquer outro agente como o servidor funciona: onde está a aplicação, como chega o tráfego, como fazer deploy, executar processos, abrir portas e associar domínios. Execute nameocean-info no servidor para ver os dados em tempo real: versões, serviços em execução, portas abertas e o último deploy.
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, Valkey, Docker -- está tudo lá. Execute nameocean-info para ver as versões exatas e 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 pushConecte seus servidores ao Claude Code
$ claude mcp add --transport http nameocean https://nameocean.net/mcp