Probablemente hayas oído hablar de codificación vibe — la práctica de describir lo que quieres a una IA y dejar que escriba el código por ti. Pero aquí está el detalle que nadie menciona: ¿qué sucede después de que se escribe el código?
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.
Aquí es donde entra vibe hosting.
Vibe hosting es desplegar tu código de la misma manera que lo escribiste — sin esfuerzo, sin fricción, sin dolores de cabeza de configuración, y sin necesidad de un título en DevOps. Haces git push, y tu sitio está en vivo. ¿SSL? Automático. ¿DNS? Manejado. ¿Configuración del servidor? Ya está hecha.
En este tutorial, recorreremos el flujo de trabajo completo de cero a un sitio web en vivo usando Claude Code para codificación vibe y NameOcean para vibe hosting.
Lo que necesitarás
Eso es todo. Sin Docker. Sin consola de AWS. Sin Terraform. Sin lágrimas.
Conecte Claude Code a NameOcean
Añada el servidor MCP de NameOcean a Claude Code con un solo comando. No hay nada que descargar: se ejecuta en nameocean.net y usted inicia sesión con su cuenta de NameOcean en el navegador.
$ claude mcp add --transport http nameocean https://nameocean.net/mcpDespués ejecute /mcp en Claude Code y elija nameocean para iniciar sesión. Claude Desktop, claude.ai, Cursor y otros clientes se conectan de la misma forma: consulte la guía de MCP.
¿Aún no tiene una cuenta? Primero regístrese en nameocean.net. Para conectar una aplicación, su cuenta necesita el inicio de sesión en dos pasos.
Crear un Servidor en NameOcean
Inicia sesión en tu panel de NameOcean y crea un nuevo servidor. Elige el plan que se ajuste a tus necesidades:
| Plan | CPU | RAM | Disco | Ideal Para |
|---|---|---|---|---|
| Starter $5/Mes | 3 | 3 GB | 30 GB | Landing pages, aplicaciones pequeñas |
| Growth $8/Mes | 5 | 5 GB | 50 GB | Aplicaciones web en producción |
Para una landing page o una aplicación web pequeña, el plan Starter es más que suficiente.
Cada servidor de NameOcean ejecuta Rocky Linux 10 e incluye Python 3.15 (pyenv + uv), Node.js 22, Go 1.26, Nginx, PostgreSQL 16, Valkey (compatible con Redis), Docker con Compose, Supervisor y Git — todo preconfigurado y listo para usar. No se requiere ninguna configuración.
Vincula Tu Dominio
Si tienes un dominio registrado en NameOcean (o transferido a él), vincularlo a tu servidor es una sola acción. A través de la integración MCP de Claude Code, es literalmente una frase:
"Bind mywebsite.com to my Starter server"Entre bastidores, NameOcean:
- Actualiza registros DNS para apuntar a tu servidor
- Aprovisiona un certificado SSL automáticamente vía Let's Encrypt
- Configura el balanceador de carga para enrutar el tráfico HTTPS a tu servidor
En pocos minutos, tu dominio está en vivo y asegurado con HTTPS. Sin comandos Certbot, sin configuración SSL en Nginx, sin adivinanzas de propagación DNS.
Codifica el Vibe de Tu Sitio Web
Ahora viene la parte divertida. Abre tu directorio de proyecto e inicia Claude Code:
mkdir my-awesome-site && cd my-awesome-site
git init
claudeLuego solo describe qué quieres:
"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 creará un sitio web completo, responsivo y listo para producción. No escribes una sola línea de código. Describes el vibe, y la IA lo entrega.
El Arte del Vibe Coding
La clave para un excelente vibe coding es ser específico sobre qué quieres pero flexible sobre cómo se implementa:
Contenido y copy (especialmente en idiomas específicos), colores de marca e identidad visual, funcionalidades y secciones que quieres, audiencia objetivo y tono.
Arquitectura CSS, detalles de animaciones, estructura de componentes, breakpoints responsivos, opciones de iconos e interacciones micro.
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."
Despliega con Git Push
Aquí es donde el vibe hosting brilla. Cada servidor NameOcean viene con un git remote integrado. Agrégalo una 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 mainEso es todo. Tu código llega a /root/app/ en el servidor. Nginx ya está configurado para servir archivos estáticos desde ese directorio. Tu sitio está en vivo.
Sin paso de compilación. Sin imagen Docker. Sin pipeline de despliegue. Sin esperas. Solo git push y recarga tu navegador.
Su primer push puede utilizar cualquier nombre de rama (main, master...); a partir de entonces, el servidor despliega esa rama y desaparece la página de bienvenida provisional. ¿Necesita un paso de compilación o un reinicio después de cada despliegue? Añada .nameocean/deploy.sh a su proyecto. Se ejecuta en el servidor después de cada push y su salida aparece directamente en su terminal:
#!/bin/bash
set -e
npm ci
npm run build
supervisorctl restart appLos archivos que se editan directamente en el servidor se sustituyen con el siguiente push, por lo que mantenga sus cambios en git.
Itera con Vibes
El verdadero poder del vibe coding + vibe hosting es la velocidad de iteración. ¿Quieres cambiar la sección hero?
"Make the hero headline bigger and add a floating animation to the phone mockup"Luego despliega de nuevo:
git add . && git commit -m "Bigger hero headline + animation" && git push nameocean mainTus cambios están en vivo en segundos. Este bucle de retroalimentación — describe → genera → despliega → ve en vivo — es lo que hace transformador el vibe hosting. No solo estás codificando más rápido; estás enviando más rápido.
Yendo Más Allá de Sitios Estáticos
El vibe hosting en NameOcean no está limitado a HTML estático. La plataforma soporta aplicaciones full-stack listos para usar.
ARQUITECTURA DEL SERVIDOR
El balanceador de carga de NameOcean recibe HTTPS por el puerto 443, almacena los certificados y reenvía todas las solicitudes al puerto 80 de su servidor. Todo lo que necesita es servir su sitio en el puerto 80: sin Certbot y sin configuración SSL en el servidor.
Node.js / Express / Next.js
Dígale a Claude Code que cree su API de Express o su aplicación de Next.js. Configúrela para que escuche en 127.0.0.1:8000, configure Supervisor para mantenerla en ejecución (hay ejemplos listos para usar en /root/conf/supervisor.conf) y active el proxy inverso en /root/conf/nginx.conf. Listo.
Python / Flask / FastAPI / Django
Mismo flujo de trabajo. Su aplicación de Python escucha en el puerto 8000, Supervisor gestiona el proceso y Nginx reenvía las solicitudes. NameOcean incluye la versión más reciente de Python (3.15) mediante pyenv, un virtualenv listo para usar y uv para instalaciones rápidas.
Go / Rust / Cualquier cosa
Compile su binario, ejecútelo en el puerto 8000 y Nginx se encarga del resto. O use Docker si ese es su estilo: Docker y Docker Compose están instalados y funcionando.
Otros protocolos
Servidores de juegos, MQTT y WebSockets en puertos propios: abra un puerto TCP o UDP desde el menú del servidor en el panel de control. NameOcean asigna el puerto externo y el tráfico llega directamente a su servidor. Hasta 10 puertos por servidor.
Su servidor le explica a la IA cómo funciona
Cada servidor tiene un AGENTS.md (también enlazado como CLAUDE.md) en /root. Le indica a Claude Code, Codex o cualquier otro agente cómo funciona el servidor: dónde se encuentra la aplicación, cómo llega el tráfico, cómo desplegar, ejecutar procesos, abrir puertos y vincular dominios. Ejecute nameocean-info en el servidor para consultar la información en tiempo real: versiones, servicios en ejecución, puertos abiertos y el último despliegue.
La Integración MCP: Vibe Hosting en Piloto Automático
Aquí está lo que hace especial la combinación NameOcean + Claude Code: integración MCP (Model Context Protocol).
Cuando conectas NameOcean como servidor MCP en Claude Code, la IA puede directamente:
- Crear y gestionar servidores — desplegar infraestructura con una frase
- Vincular dominios — con SSL y configuración DNS automática
- Abrir/cerrar puertos — para bases de datos, APIs y servicios
- Desplegar código — via git push, disparado desde la conversación
- Verificar estado del servidor — monitorea tu infraestructura en lenguaje natural
Esto significa que literalmente puedes decir:
"Create a new Starter server, bind mydomain.com to it, build
a portfolio website with my projects, and deploy it"Y Claude Code manejará todo — desde el aprovisionamiento del servidor hasta escribir el código hasta desplegarlo. Todo el ciclo de vida, gestionado a través del lenguaje natural. La infraestructura se vuelve invisible.
Ejemplo del Mundo Real: Página de Inicio de WordGrid
Déjanos mostrarte un ejemplo real. Construimos la página de inicio para WordGrid, un juego de rompecabezas de palabras turco, desde cero.
Tiempo total: menos de 10 minutos.
| Paso | Acción | Tiempo |
|---|---|---|
| 1 | Creé un servidor Starter en NameOcean | ~30 segundos |
| 2 | Vinculé wordgridoyna.com — DNS + SSL automático | ~10 segundos |
| 3 | Describí la página de inicio a Claude Code | ~3 minutos |
| 4 | git push nameocean main | ~5 segundos |
| 5 | Sitio activo en https://wordgridoyna.com | Instantáneo ✨ |
El resultado: una página de inicio totalmente responsiva con tema oscuro, sección hero animada, botones de descarga de App Store y Google Play, grid de características, galería de capturas de pantalla, guía de cómo jugar, sección de llamada a la acción, y diseño optimizado para móvil. Todo generado por IA, desplegado con un solo push.
Consejos para Vibe Hosting Efectivo
Comienza Simple, Itera Rápido
No describas toda tu aplicación en un prompt. Comienza con la estructura, luego agrega características. Cada iteración está a un git push de estar en vivo.
Usa el Tamaño Correcto de Servidor
No sobreaprovisiones. Un servidor Starter maneja la mayoría de páginas de inicio y aplicaciones pequeñas. Escala solo cuando sea necesario.
Mantén el Historial de Git Limpio
Incluso con vibe coding, mantén buenos mensajes de commit. Cuando necesites revertir, git revert aún funciona.
Aprovecha el Stack Preinstalado
Node, Python, Go, PostgreSQL, Valkey, Docker -- está todo disponible. Ejecute nameocean-info para ver las versiones exactas y utilice lo que ya esté disponible.
Usa Supervisor para Procesos
¿Ejecutando Node.js o Python? Siempre usa Supervisor. Auto-reinicia en caso de fallo e inicia al reiniciar el servidor.
Confía en la IA, Guía el Vibe
Sé específico sobre qué, flexible sobre cómo. La IA maneja los detalles de implementación -- tú enfócate en la visión.
El Manifiesto de Vibe Hosting
Cuando la brecha entre idea y sitio web en vivo se mide en minutos en lugar de horas, todo cambia. Los proyectos secundarios se lanzan. Los MVPs alcanzan a los clientes en una tarde. La deuda técnica de infraestructura compleja simplemente desaparece.
El mejor despliegue es aquel en el que no tienes que pensar.
git push, y está en vivo. Ese es el vibe.
¿Listo para Comenzar Vibe Hosting?
Tu próximo proyecto está a una conversación de estar en vivo.
git pushConecte sus servidores a Claude Code
$ claude mcp add --transport http nameocean https://nameocean.net/mcp