Build Mode
Kurz
Modul 05 · Tvůj první vibe-coded web

První nasazení – web má adresu

Z localhostu na veřejnou adresu, kterou můžeš poslat. Bez serverů, bez konfigurace.

15 minlekce 33/107

Než začneš

  • Web, který prošel kontrolou z minulé lekce

Po lekci umíš

  • Máš web na veřejné adrese
  • Rozumíš tomu, co se při nasazení děje
  • Víš, jak web aktualizovat po další změně
Obsah lekce (6)

Tohle je moment, kvůli kterému jsi kurz začal.

Co to je nasazení

  1. Tvůj počítač

    kód v projektu

  2. GitHub

    kopie kódu na internetu

  3. Hosting

    sestaví a zveřejní

  4. Veřejná adresa

    pošleš odkaz komukoliv

Co budeš potřebovat

  1. Účet na GitHubu

    Bezplatný. Slouží k uložení kódu a zároveň jako most k hostingu. Detailně se Gitu věnujeme v modulu 9 – teď stačí, že tam kód nahrajeme.

  2. Účet u hostingu

    Vercel, Netlify nebo Cloudflare Pages. Všechny mají bezplatnou variantu, která na osobní web bohatě stačí.

Založ si obojí, než budeš pokračovat. Registrace zabere pár minut a u hostingu se dá přihlásit rovnou GitHubem.

Krok 1: kód na GitHub

Prompt pro Claude Code

Připrav projekt a nahraj ho na GitHub

Claude Code umí pracovat s Gitem i s GitHubem. Nech ho to udělat a sleduj, co se děje.

Chci projekt nahrát na GitHub jako soukromý repozitář.

Než začneš:
1. Zkontroluj, jestli existuje .gitignore a jestli jsou v něm
 node_modules a soubory s tajemstvími (.env a podobné).
2. Projdi projekt a řekni mi, jestli v něm někde není heslo, API klíč
 nebo jiný citlivý údaj. Kdyby ano, zastav se a řekni mi to.

Pak vytvoř první commit a nahraj to na GitHub jako SOUKROMÝ repozitář.
Vysvětli mi u každého kroku, co děláš a proč.

Krok 2: propojení s hostingem

Tenhle krok se dělá v prohlížeči, ne v terminálu.

  1. Přihlas se do hostingu přes GitHub

    Vercel, Netlify i Cloudflare Pages nabízejí přihlášení účtem GitHubu. Tím zároveň získají přístup k tvým repozitářům.

  2. Vyber repozitář

    Ze seznamu vyber ten, který jsi právě nahrál.

  3. Nastavení nech, jak je

    U projektu v Next.js se nastavení rozpozná samo. Nic neměň.

  4. Spusť nasazení a počkej

    Trvá to obvykle jednu až tři minuty. Uvidíš průběh.

Krok 3: jak web aktualizovat

Tohle je ta příjemná část.

  1. Změníš web

    s Claude Code, lokálně

  2. commit + push

    uložíš a odešleš

  3. Hosting to zachytí

    sám, bez tebe

  4. Živý web se aktualizuje

    za pár minut

Prompt pro Claude Code

Ulož a zveřejni změnu

Tímhle končí každá práce na webu.

Ulož změny do Gitu s výstižnou zprávou a nahraj je na GitHub.

Předtím mi ale napiš, co všechno se změnilo, ať vím, co odesílám.

Během pár minut se změna objeví na veřejné adrese. Nic dalšího dělat nemusíš.

Vlastní doména

Adresa typu muj-web-abc123.vercel.app funguje, ale nevypadá dobře. Vlastní doména stojí pár stovek ročně.

Postup je vždycky stejný: doménu koupíš u registrátora, v nastavení hostingu ji přidáš a hosting ti řekne, co nastavit u registrátora. Podrobně to probíráme v modulu 18 – teď se tím nezdržuj. Adresa od hostingu je pro první web úplně v pořádku.

Projekt hotový

Máš web na veřejné adrese, kterou můžeš poslat komukoliv. Kód je na GitHubu. Změna na tvém počítači se po odeslání sama projeví na živém webu.

Tohle je celý cyklus profesionálního vývoje. Zvládl jsi ho v prvním projektu.

Zkus to teď

Pošli odkaz jednomu člověku a zeptej se ho na jedinou věc: „Co si myslíš, že tady nabízím?“

Když odpoví správně, web funguje. Když ne, víš, co opravit – a teď už umíš, jak.

Co si odnést

  • Nasazení = kód na GitHub, hosting si ho vezme a zveřejní.
  • Před nahráním vždycky zkontroluj, že v kódu nejsou tajemství.
  • npm run build lokálně odhalí většinu chyb dřív než hosting.
  • Další změna: commit + push, zbytek se stane sám.

Máš to za sebou?

Označ lekci jako hotovou, ať víš, kde jsi skončil. Nic se tím neuzamkne.

Obsah aktualizován: 21. srpna 2026