Usa i due punti
La porta va sempre dopo localhost:
Sei finito sul web, non sul tuo computer
Quasi giusto.
Mancano i due punti.
localhost:3000 indica un servizio che gira sul tuo computer. localhost3000.it, invece, è questo sito pubblico. Se stai facendo vibe coding, il tuo progetto è probabilmente a un solo carattere di distanza.
# volevi aprire:
$ open http://localhost:3000# hai aperto:
$ open https://localhost3000.itIl dominio non sostituisce la porta locale.
Prova con HTTP
Molti server locali non usano HTTPS.
Avvia il server
Controlla il terminale del tuo progetto.
01 — Le basiCos’è davvero
Cos’è davvero localhost:3000?
Due parti semplici, con due ruoli completamente diversi. Capirle evita gran parte degli errori quando si sviluppa in locale.
01
localhost
È il nome che indica il computer che stai usando. Corrisponde normalmente all’indirizzo di loopback 127.0.0.1: la richiesta non esce su Internet.
02
:8000
È la porta: un canale numerato usato dal sistema per consegnare la richiesta al processo giusto, per esempio Node.js, React o Next.js.
03
.it
È un dominio pubblico. Senza i due punti, il browser interpreta “localhost8000” come un nome di sito e può cercarlo o completarlo con un’estensione.
02 — Diagnosi rapida
localhost:3000 non risponde?
Parti da questi controlli: sono le cause più frequenti quando un progetto locale sembra sparito.
01
Il server non è avviato
Torna nel terminale del progetto e avvia il comando di sviluppo. Senza un processo in ascolto, localhost non può rispondere.
npm run dev oppure python manage.py runserver02
Stai usando HTTPS
La maggior parte dei server locali usa HTTP. Scrivi il protocollo completo per impedire al browser di cambiarlo automaticamente.
http://localhost:300003
La porta è occupata
Un altro processo potrebbe usare la porta 3000. Chiudilo oppure avvia il progetto su una porta libera e aggiorna l’indirizzo.
netstat -ano | findstr :300004
È colpa del completamento automatico
Evidenzia il suggerimento sbagliato nella barra degli indirizzi e premi Maiusc + Canc per rimuoverlo su Chrome, Edge, Brave e Firefox.
localhost3000.it → Maiusc + Canc03 — Porta 3000
Perché proprio 3000?
È la porta di sviluppo più riconoscibile nell’ecosistema JavaScript. Next.js, molti starter React e numerosi server Node la usano come impostazione iniziale, ma puoi cambiarla.
- Next.js avvia normalmente il server di sviluppo sulla 3000
- Molti progetti React storici e tutorial Node la utilizzano
- Express può ascoltare sulla 3000 con una sola configurazione
- Se è occupata, il framework può scegliere una porta libera
Per portare un progetto locale in produzione puoi affidare architettura, interfaccia e lancio alla realizzazione web professionale di Agenzia Magma.
Next.js
npx next dev -p 3000npm
npm run dev -- --port 3000Node.js
node server.js04 — Riferimento
Le porte locali più comuni
Se 3000 non è quella giusta, guarda il messaggio nel terminale. Questi sono i numeri che incontrerai più spesso.
PortaIndirizzo localeUsata comunemente daGuida .it
05 — Domande frequenti
FAQ su localhost e porta 3000
Risposte brevi ai dubbi che portano più spesso su questa pagina.
Che differenza c’è tra localhost:3000 e localhost3000.it?
localhost:3000 punta al server in esecuzione sul tuo computer. localhost3000.it è un dominio pubblico: senza i due punti il browser non interpreta 3000 come una porta.
Perché localhost:3000 mostra “impossibile raggiungere il sito”?
Il comando npm potrebbe non essere in esecuzione, il progetto potrebbe usare una porta alternativa oppure un errore di compilazione potrebbe aver fermato il server. Leggi l’ultima riga del terminale.
Come avvio React o Next.js sulla porta 3000?
Nella maggior parte dei progetti basta npm run dev. Per Next.js puoi indicare esplicitamente la porta con npx next dev -p 3000.
Come libero la porta 3000 già occupata?
Individua il processo in ascolto con netstat su Windows o lsof su macOS e Linux, quindi chiudi solo il processo corretto oppure cambia la porta del progetto.
Un server Node locale può essere pubblicato direttamente?
Il server di sviluppo non è pensato per il traffico reale. Prima della pubblicazione servono build, sicurezza, configurazione dell’ambiente, HTTPS, log e monitoraggio.
Il passo successivoIl prototipo funziona.
Parla con Agenzia Magma Il prototipo funziona.
Ora facciamolo funzionare per tutti.
Se cerchi un team italiano per trasformare il tuo progetto in una web app, un’app mobile o un sito professionale, Agenzia Magma può affiancarti dalla strategia al rilascio.