Come iniziare con il Vibe Hosting?
Un tutorial completo di Vibe Coding da zero

Probabilmente hai sentito parlare di vibe coding — la pratica di descrivere a un'IA quello che vuoi e lasciar che scriva il codice per te. Ma ecco la cosa di cui nessuno parla: cosa succede dopo che il codice è scritto?

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.

È qui che entra in gioco vibe hosting.

In questo tutorial, ti guideremo attraverso il flusso di lavoro completo da zero a un sito web live utilizzando Claude Code per vibe coding e NameOcean per vibe hosting.

Quello che ti serve

È tutto. Niente Docker. Niente console AWS. Niente Terraform. Niente lacrime.

Aggiunga il server MCP di NameOcean a Claude Code con un solo comando. Non c'è nulla da scaricare: funziona su nameocean.net e l'accesso avviene nel browser con il Suo account NameOcean.

$ claude mcp add --transport http nameocean https://nameocean.net/mcp

Poi esegua /mcp in Claude Code e scelga nameocean per accedere. Claude Desktop, claude.ai, Cursor e gli altri client si collegano allo stesso modo: consulti la guida MCP.

Accedi al tuo dashboard NameOcean e crea un nuovo server. Scegli il piano che si adatta alle tue esigenze:

Per una landing page o una piccola app web, il piano Starter è più che sufficiente.

Se hai un dominio registrato su NameOcean (o trasferito), collegarlo al tuo server è un'azione sola. Grazie all'integrazione MCP di Claude Code, è letteralmente una frase:

"Bind mywebsite.com to my Starter server"

Dietro le quinte, NameOcean:

1. Aggiorna i record DNS per puntare al tuo server
2. Provisiona un certificato SSL automaticamente via Let's Encrypt
3. Configura il load balancer per instradare il traffico HTTPS al tuo server

Nel giro di pochi minuti, il tuo dominio è online e protetto con HTTPS. Niente comandi Certbot, niente configurazione SSL per Nginx, niente giochi di indovinelli sulla propagazione DNS.

Adesso la parte divertente. Apri la cartella del tuo progetto e avvia Claude Code:

mkdir my-awesome-site && cd my-awesome-site
git init
claude

Poi descrivi semplicemente quello che vuoi:

"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 creerà un sito web completo, responsivo e pronto per la produzione. Non scrivi una singola riga di codice. Descrivi il vibe, e l'IA lo realizza.

L'Arte del Vibe Coding

La chiave per un grande vibe coding è essere specifici su cosa vuoi ma flessibili su come viene implementato:

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."

Qui è dove vibe hosting brilla. Ogni server NameOcean viene fornito con un git remote integrato. Aggiungilo una volta:

# 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

Fatto. Il tuo codice atterra in /root/app/ sul server. Nginx è già configurato per servire file statici da quella directory. Il tuo sito è online.

Niente build step. Niente immagine Docker. Niente deployment pipeline. Niente attese. Solo git push e aggiorna il tuo browser.

Il primo push può usare qualsiasi nome di branch (main, master...); da quel momento il server distribuisce quel branch e la pagina di benvenuto segnaposto scompare. Ha bisogno di una fase di build o di un riavvio dopo ogni deploy? Aggiunga .nameocean/deploy.sh al suo progetto. Viene eseguito sul server dopo ogni push e il suo output appare direttamente nel terminale:

#!/bin/bash
set -e
npm ci
npm run build
supervisorctl restart app

I file modificati direttamente sul server vengono sostituiti dal push successivo, quindi mantenga le sue modifiche in git.

Il vero potere del vibe coding + vibe hosting è la velocità di iterazione. Vuoi cambiare la hero section?

"Make the hero headline bigger and add a floating animation to the phone mockup"

Poi deploy di nuovo:

git add . && git commit -m "Bigger hero headline + animation" && git push nameocean main

I tuoi cambiamenti sono online in pochi secondi. Questo loop di feedback — descrivi → genera → deploy → vedilo online — è quello che rende vibe hosting trasformativo. Non stai solo codificando più velocemente; stai shipando più velocemente.

Andare Oltre i Siti Statici

Vibe hosting su NameOcean non è limitato a HTML statico. La piattaforma supporta applicazioni full-stack già pronte all'uso.

Il load balancer di NameOcean riceve il traffico HTTPS sulla porta 443, gestisce i certificati e inoltra ogni richiesta alla porta 80 del suo server. Le basta servire il sito sulla porta 80: niente Certbot, nessuna configurazione SSL sul server.

Node.js / Express / Next.js

Chieda a Claude Code di creare la sua API Express o la sua app Next.js. La configuri in ascolto su 127.0.0.1:8000, imposti Supervisor per mantenerla in esecuzione (esempi pronti si trovano in /root/conf/supervisor.conf) e attivi il reverse proxy in /root/conf/nginx.conf. Fatto.

Python / Flask / FastAPI / Django

Stesso flusso di lavoro. La sua app Python resta in ascolto sulla porta 8000, Supervisor gestisce il processo, Nginx fa da proxy alle richieste. NameOcean include l'ultima versione di Python (3.15) tramite pyenv, un virtualenv pronto e uv per installazioni rapide.

Go / Rust / Qualsiasi

Compili il suo binario, lo esegua sulla porta 8000 e Nginx si occupa del resto. Oppure usi Docker, se preferisce: Docker e Docker Compose sono installati e in esecuzione.

Altri protocolli

Server di gioco, MQTT, WebSocket su una porta dedicata: apra una porta TCP o UDP dal menu del server nella dashboard. NameOcean assegna la porta esterna e il traffico arriva direttamente al suo server. Fino a 10 porte per server.

Il suo server si spiega da solo all'AI

Ogni server ha un file AGENTS.md (collegato anche come CLAUDE.md) in /root. Spiega a Claude Code, Codex o a qualsiasi altro agente come funziona il server: dove risiede l'app, come arriva il traffico, come eseguire il deploy, gestire i processi, aprire porte e collegare domini. Esegua nameocean-info sul server per i dati aggiornati: versioni, servizi in esecuzione, porte aperte e ultimo deploy.

L'integrazione MCP: Vibe Hosting in Autopilot

Ecco cosa rende speciale la combo NameOcean + Claude Code: integrazione MCP (Model Context Protocol).

Quando colleghi NameOcean come server MCP in Claude Code, l'AI può direttamente:

• Creare e gestire server — attiva l'infrastruttura con una frase
• Associare domini — con SSL e configurazione DNS automatici
• Aprire/chiudere porte — per database, API e servizi
• Deployare codice — via git push, attivato dalla conversazione
• Verificare lo stato del server — monitora la tua infrastruttura in linguaggio naturale

Questo significa che puoi letteralmente dire:

"Create a new Starter server, bind mydomain.com to it, build
a portfolio website with my projects, and deploy it"

E Claude Code gestirà tutto — dal provisioning del server alla scrittura del codice al deployment. L'intero ciclo di vita, gestito attraverso il linguaggio naturale. L'infrastruttura diventa invisibile.

Esempio Reale: Landing Page di WordGrid

Lasciaci guidarti attraverso un esempio concreto. Abbiamo costruito la landing page per WordGrid, un gioco di puzzle di parole turco, da zero.

Tempo totale: meno di 10 minuti.

Il risultato: una landing page completamente responsive a tema scuro con una sezione hero animata, pulsanti di download per App Store e Google Play, griglia di funzionalità, galleria di screenshot, guida come giocare, sezione call-to-action, e layout ottimizzato per mobile. Tutto generato dall'AI, deployato con un singolo push.

Consigli per un Vibe Hosting Efficace

$ claude mcp add --transport http nameocean https://nameocean.net/mcp