Průvodce vibe codingem
Co je localhost?
Web, který tvoříte, běží nejdřív jen u vás v počítači. Jako soukromý náhled, který vidíte jen vy, než ho pustíte na internet.
Autor: Jindřich Fáborský · 17 let v marketingu · 2 000+ hodin vibe codingu · 180+ projektů
Rychlá odpověď
Co je tedy localhost?
localhost je zkrátka adresa vašeho vlastního počítače. Když ji zadáte do prohlížeče, počítač obslouží požadavek sám, nikam na internet to neputuje. Proto ten web vidíte jen vy.
Když ve vibe codingu tvoříte web, neběží rovnou na internetu. Claude Code ho spustí jako soukromý náhled přímo u vás a dá vám odkaz http://localhost:3000.
Otevřete ho v prohlížeči, vidíte web naživo a zkoušíte na něm cokoli. Nikdo jiný na internetu se k němu zatím nedostane.
Co to číslo znamená
Proč zrovna localhost:3000
Ta adresa není žádná magie. Skládá se ze dvou částí, a když je rozeberete, hned je jasné, co znamená.
localhost:3000
localhost
Váš počítač
Znamená „tady u mě“ (adresa 127.0.0.1). Nic z toho nejde na internet, všechno zůstává u vás.
:3000
Které „dveře“ (port)
Port jsou očíslované dveře do počítače. 3000 je běžná konvence vývojových serverů, třeba u Next.js.
$ npm run dev
▲ Next.js
- Local: http://localhost:3000
✓ Ready
Tohle za vás spustí Claude Code. Vy jen kliknete na ten odkaz.
Návaznost, co lidem nedochází
Jak se web dostane z localhostu ven
Web nezačíná na internetu. Nejdřív běží jen u vás, a teprve pak putuje do světa, krok po kroku. Klepněte na jednotlivé kroky nebo si přehrajte celou cestu.
💻 localhost:3000
Tady web vzniká a běží zatím jen na vašem počítači. Claude Code si vývojový server spustí sám (npm run dev) a dá vám odkaz http://localhost:3000. Otevřete ho v prohlížeči a vidíte web naživo, ale nikdo jiný na internetu se k němu nedostane.
Co je Claude Code →Web nezačíná na internetu. Nejdřív běží jen u vás na localhostu, pak ho posíláte ven, krok po kroku.
Teď je čas začít vibe codovat
localhost, GitHub, Vercel, doména. V kurzu AI First do sebe všechny tyhle kousky zapadnou. Provedu vás od první věty v Claude Code až po web živý na vaší adrese.
21 hodin videí, 1 800+ absolventů, roční licence s aktualizacemi zdarma. Bez teorie, prakticky.
FAQ
Časté otázky
Co znamená localhost:3000?+
localhost je váš vlastní počítač (technicky adresa 127.0.0.1). Číslo 3000 za dvojtečkou je port, tedy které „dveře“ na počítači web obsluhují. Dohromady je localhost:3000 adresa, na které běží web jen u vás, ne na internetu.
Proč můj web na localhostu nevidí ostatní (ani já z mobilu)?+
Protože localhost je jen váš počítač. Z jiného zařízení ani z internetu se na něj nikdo nedostane, to je záměr. Abyste web ukázali světu, musíte ho nasadit: kód na GitHub, odtud ho Vercel postaví a pustí online.
Musím localhost nějak spouštět ručně?+
Ne. Claude Code si vývojový server spustí sám (příkazem npm run dev) a dá vám odkaz http://localhost:3000. Vy na něj jen kliknete a vidíte web naživo. Až skončíte, server se ukončí.
Co je to port, to číslo za dvojtečkou?+
Port jsou očíslované „dveře“ do počítače. Různé programy poslouchají na různých portech, aby se nepletly. 3000 je běžná konvence pro vývojové servery (používá ho třeba Next.js); jiné nástroje jedou na jiném čísle, třeba 5173 nebo 8080.
Co když mi to píše, že port 3000 je obsazený?+
Znamená to, že na portu 3000 už něco běží (nejspíš zapomenutý starší server). Stačí ho ukončit, nebo Claude Code web prostě spustí na vedlejším portu, třeba localhost:3001. Nic se neděje, jen se změní to číslo v adrese.
Jak se web z localhostu dostane na internet?+
Nasazením. Kód pošlete na GitHub, Vercel z něj sám postaví web a nasadí ho na adresu typu vasweb.vercel.app (s HTTPS zdarma), případně na vlastní doménu. Celou cestu localhost → GitHub → Vercel → doména ukazuje interaktivní vizuál na téhle stránce.