Aplikace, kterou vidíš jen na svém počítači, nikomu nepomůže. Skutečná zábava začíná, když je živá na internetu a kdokoliv ji otevře. Ukážu ti, jak appku nasadit přes Vercel, jak na ni napojit vlastní doménu a proč se o HTTPS vůbec nemusíš starat. Žádné servery, žádné příkazy na příkazové řádce, kterým nerozumíš.
Co znamená nasadit aplikaci
Nasazení (deploy) je proces, kdy se tvůj kód dostane z disku na server, který běží nepřetržitě a je dostupný z internetu. Dřív to znamenalo pronajmout si server, nainstalovat ho a ručně ho spravovat. Dnes to za tebe udělá platforma jako Vercel během pár minut, často zdarma.
Proč zrovna Vercel
Vercel je hosting postavený přesně na moderní web aplikace, hlavně na Next.js a podobné frameworky. Hodí se, protože:
- Deploy z gitu: propojíš repozitář a každý push automaticky nasadí novou verzi.
- HTTPS zdarma a automaticky: o certifikáty se nestaráš vůbec.
- Globální síť: tvoje stránka se servíruje z místa blízko uživateli, takže je rychlá.
- Náhledy změn: každá větev dostane vlastní testovací adresu, než ji pustíš do ostrého provozu.
Krok 1: dostat kód na git
Vercel nasazuje z git repozitáře, nejčastěji z GitHubu. Pokud tvůj projekt ještě na gitu není, je to první krok. Stačí v projektu spustit:
git init
git add .
git commit -m "prvni verze aplikace"
git remote add origin https://github.com/tvuj-ucet/tvuj-projekt.git
git push -u origin mainTím se kód objeví na GitHubu a Vercel ho odtud uvidí. Pokud teprve začínáš a celý tenhle workflow je pro tebe novinka, mrkni na jak začít s vibe codingem, kde rozebírám základní nástroje.
Krok 2: propojit projekt s Vercelem
Na Vercelu klikneš na New Project, vybereš svůj repozitář a Vercel sám pozná, jaký framework používáš. Většinou stačí potvrdit. Pokud aplikace potřebuje tajné klíče (třeba k databázi), zadáš je v sekci Environment Variables. To je důležité: klíče nikdy nepatří do kódu, jen sem.
Po kliknutí na Deploy proběhne build, tedy sestavení aplikace do podoby, kterou server umí servírovat. Za pár desítek sekund dostaneš živou adresu typu tvuj-projekt.vercel.app.
Krok 3: napojit vlastní doménu
Adresa s vercel.app je fajn na test, ale na ostro chceš vlastní doménu, třeba mojeaplikace.cz. Doménu si koupíš u registrátora (Forpsi, Wedos a podobně) a pak ji ve Vercelu přidáš v sekci Domains. Vercel ti řekne, jaký DNS záznam máš u registrátora nastavit. Typicky jde o jeden z těchto dvou:
| Typ záznamu | Pro co | Hodnota |
|---|---|---|
| A | Hlavní doména (mojeaplikace.cz) | IP adresa, kterou Vercel udá |
| CNAME | Subdoména (www nebo app) | cname.vercel-dns.com |
Změna DNS se může propsat za pár minut, někdy ale i za hodiny. Až se propíše, Vercel automaticky vystaví HTTPS certifikát a doména je živá se zámečkem.
Krok 4: HTTPS, o který se nestaráš
Tohle je jedna z nejhezčích věcí na moderním hostingu. HTTPS, tedy šifrované a důvěryhodné spojení, dostaneš automaticky a zdarma. Vercel si certifikát vyřídí sám a sám ho i obnovuje. Žádné nákupy certifikátů, žádné ruční instalace, na které dřív padaly nervy.
Co se děje při každé další změně
Tady je krása propojení s gitem. Když cokoliv upravíš a uděláš push do hlavní větve, Vercel automaticky spustí nový build a nasadí novou verzi. Když pushneš do vedlejší větve, dostaneš samostatnou náhledovou adresu, kde si změnu vyzkoušíš, než ji pustíš do ostrého provozu. Tenhle koloběh ti dovolí nasazovat klidně desetkrát denně bez stresu.
A pokud se nová verze nepovede, máš jištění. Vercel si pamatuje všechna předchozí nasazení a jedním kliknutím se vrátíš na verzi, která fungovala. Tomu se říká rollback a v praxi je k nezaplacení: i kdyby ses na produkci přepsal, vrátíš to dřív, než si toho většina lidí všimne. Nemusíš nic ručně vracet v kódu ani znovu sestavovat starou verzi.
Proměnné prostředí: srdce nastavení
Skoro každá aplikace potřebuje nějaká tajemství: klíč k databázi, klíč k platební bráně, klíč k AI. Tyhle hodnoty nikdy nepatří do kódu, protože by skončily v gitu a kdokoliv s přístupem k repozitáři by je viděl. Patří do proměnných prostředí ve Vercelu.
Důležitý detail, na kterém lidé zakopávají: proměnné se načítají při buildu, takže když přidáš novou, musíš aplikaci nasadit znovu, aby se projevila. A rozliš si prostředí. Vercel umí mít jiné hodnoty pro ostrý provoz (production) a jiné pro náhledy, takže testuješ s testovacím klíčem a na ostro jede ostrý.
Jak poznat, že je něco špatně
Když appka po nasazení nefunguje, nepanikař a podívej se na dvě místa. První je build log, který ukáže, jestli se sestavení vůbec povedlo. Druhé jsou runtime logy, kde uvidíš chyby, které vznikly až za běhu, třeba selhané volání databáze kvůli chybějícímu klíči. Vercel obojí ukazuje přehledně v rozhraní projektu, takže nemusíš nikam SSH ani číst soubory na serveru.
Časté dotazy
Je Vercel opravdu zdarma?
Pro osobní projekty a menší aplikace ano, free tarif bohatě stačí. Placené tarify začnou dávat smysl, až máš velký provoz, tým nebo potřebuješ komerční podmínky. Pro start neplatíš nic.
Můžu na Vercel nasadit i databázi?
Vercel hostuje aplikaci, ne klasickou databázi. Tu si dáš zvlášť, třeba na Supabase, a z aplikace se na ni napojíš přes API. Jak na to, popisuji v článku jak napojit aplikaci na databázi přes API.
Co když build selže?
Vercel ti ukáže log s chybou. Nejčastěji chybí nějaká proměnná prostředí nebo je chyba v kódu, která se projeví až při sestavení. Oprav, pushni znovu a build se spustí automaticky.
Když chceš mít jistotu
Nasazení je dnes naštěstí otázka pár kliknutí, ale nastavit domény, klíče a bezpečné prostředí tak, aby to fungovalo dlouhodobě, chce trochu zkušenosti. Pokud potřebuješ aplikaci nejen postavit, ale i spolehlivě dostat na internet pod vlastní doménou, rád to vezmu za tebe. Napiš mi přes kontakt a domluvíme se.