4. srpna 2026

Osobní web zdarma v Claude Code (nebo Cursoru)

Tenhle web jsem postavil za víkend a stojí mě ročně jenom doména. Nemám v něm CMS, neplatím hosting a obsah píšu v textovém editoru. Tohle je návod, jak to udělat stejně.

Postup je psaný pro Claude Code a Cursor, ale nejde o ně — funguje to v jakémkoli nástroji, který má AI přístup k souborům ve tvé složce a umí spouštět příkazy (Cline, Aider a podobné). Kde na tom záleží, upozorním.

Nejdřív: tři cesty, ne jedna

Když si dnes chceš udělat web s AI, máš tři možnosti a liší se hlavně v tom, co ti zbyde na konci.

Stavitelé jsou nejrychlejší první hodinu. Za pět minut máš něco, co vypadá hotově. Cena přijde později: web žije v jejich systému, platíš měsíčně za to, že tam žije dál, a když jednou budeš chtít pryč, stěhuješ se.

Obyčejný chat je nejlevnější, ale nejotravnější. Kód ti vypíše dobře. Jenže ho pak ručně kopíruješ do souborů, sám hlídáš, kde co je, a u třetí opravy už nevíš, jestli máš v souboru poslední verzi. Na jednu stránku dobrý, na web s deseti soubory ne.

Agentní editor je něco mezi. AI píše rovnou do souborů u tebe na disku, vidí celý projekt a umí i spustit build nebo git push. Ty děláš rozhodnutí, ono píše.

Proč jsem si vybral prostřední cestu

Kvůli jedné otázce: co se stane, když ten nástroj zítra zdraží, změní se nebo skončí?

U stavitele webu je odpověď „mám problém“. U složky se soubory je odpověď „nic“. Zůstane mi markdown a HTML, což umí otevřít cokoliv — jiná AI, jiný editor, poznámkový blok. Nástroj je vyměnitelný, obsah zůstává.

Tři věci, které z toho plynou a které bych zpětně neměnil:

Obsah je v textových souborech. Každý článek je jeden .md soubor. Píšu ho v čemkoliv a nikde není databáze, která by se mohla rozbít.

Verze zdarma. Web je v gitu, takže mám historii každé změny. Když něco zkazím, vrátím to jedním příkazem. Na tomhle webu mám za dva týdny přes třicet verzí a nezaplatil jsem za to nic.

Hosting zadarmo a napořád. Cloudflare Pages hostuje statické weby bez poplatku. Nasazení proběhne samo po každém git push — napíšu článek, pushnu, za minutu je venku.

Co k tomu potřebuješ

• účet na GitHubu (zdarma)
• účet na Cloudflare (zdarma)
• Claude Code nebo Cursor (placené, ale to už nejspíš máš — a je to ten jediný náklad)
• doménu, pokud ji chceš vlastní. Bez ní dostaneš adresu zdarma ve tvaru něco.pages.dev

Nic z toho nevyžaduje, abys uměl programovat. Vyžaduje to ochotu občas zkopírovat příkaz do terminálu.

Postup

1. Nech si postavit kostru

Otevři Claude Code (nebo Cursor) v prázdné složce a vlož tenhle prompt. Uprav si jen ty tři řádky nahoře:

Postav mi osobní web. Detaily:
- jméno: [TVOJE JMÉNO]
- čím se zabývám: [JEDNA VĚTA]
- jazyky: čeština (výchozí) + angličtina

Technické zadání:
- Astro, statický výstup, žádný CMS a žádná databáze
- obsah v markdownu ve složce src/content, ne natvrdo v HTML
- stránky: úvod, o mně, blog (výpis + detail článku)
- texty drž v jednom datovém souboru jako dvojice {cs, en},
  ať se jazyky nerozjedou
- barvy a fonty jako CSS proměnné na jednom místě
- žádné externí knihovny na vzhled, píšeme si vlastní CSS
- responzivní, funkční na mobilu

Postupuj takhle:
1. založ projekt a ukaž mi strukturu složek, než začneš psát obsah
2. pak napiš stránky s ukázkovým obsahem
3. na konci spusť build a oprav, co spadne

Ptej se, kdyby ti něco chybělo. Nevymýšlej si o mně fakta —
kde nemáš informaci, nech placeholder.

Ten poslední odstavec tam nech. Bez něj ti AI doplní vymyšlený životopis a ty ho pak budeš půl hodiny hledat.

2. Podívej se na to

npm run dev

Otevři adresu, kterou to vypíše. Teď iteruj normálním jazykem: „hero je moc velký“, „přehoď pořadí sekcí“, „tohle chci jinou barvou“. Tady je ta prostřední cesta silná — nekopíruješ nic, jen říkáš, co chceš.

3. Vzhled

Tohle je jediná část, kde AI potřebuje pomoct. Popsat vzhled slovy je těžké a výsledek bývá průměrný.

Mně to rozseklo, až když jsem si sám vyklikal jednu stránku v návrhovém nástroji a poslal ji jako referenci. Do té doby jsme se třemi koly hádali o směru. Když máš předlohu, řekni:

Vezmi z téhle předlohy jen barvy, fonty a tvarosloví — obsah ne.
Ulož je jako CSS proměnné na jedno místo, ať se dají změnit centrálně.

Fungovala by i fotka webu, který se ti líbí. Jde o to dát obrázek místo přídavných jmen.

4. Na GitHub

git init
git add -A
git commit -m "první verze"

Repozitář si nech založit rovnou od AI, nebo si ho udělej ručně na GitHubu (klidně privátní — Cloudflare do něj bude vidět) a pushni.

5. Nasazení na Cloudflare Pages

Cloudflare → Workers & Pages → Create → Pages → napojit na GitHub repozitář. Nastavení:

• Framework: Astro
• Build command: npm run build
• Output directory: dist

Hotovo. Web běží na něco.pages.dev a od téhle chvíle se nasazuje sám po každém pushnutí.

6. Vlastní doména, pokud ji chceš

V Pages projektu → Custom domains → přidat doménu. Cloudflare tě provede tím, co přenastavit u registrátora.

Jedna věc, kterou jsem se naučil za pochodu: nejdřív přidej doménu do Cloudflare, ať si naimportuje stávající DNS záznamy, a teprve pak přepínej nameservery. Když to uděláš takhle, cokoliv na té doméně běželo dosud, běží dál až do chvíle, kdy to sám přepneš. Obráceně si uděláš okno, kdy je web mrtvý.

Co to stojí

Web samotný tě tedy stojí doménu. Nic víc.

Co ti tenhle postup nedá

Buďme féroví, ať se pak nedivíš.

Nemáš klikací administraci. Nový článek znamená nový soubor. Mně to vyhovuje, protože píšu v editoru. Někomu to vyhovovat nebude.

První hodina je pomalejší než u Lovable nebo Boltu. Zaplatíš ji na začátku a vrátí se ti to při každé další změně.

Musíš občas do terminálu. Ne psát kód — kopírovat příkazy. Ale kdo se terminálu bojí, ať si to přizná dopředu.

Pointa

Rozdíl mezi těmi třemi cestami není v tom, jak rychle uvidíš první stránku. Je v tom, komu ten web patří za rok.

Já jsem chtěl složku se soubory, kterou můžu otevřít kdykoliv a čímkoliv. AI mi ji pomohla napsat — ale kdyby zítra zmizela, web mi zůstane. To mi přišlo jako rozumná cena za jednu pomalejší hodinu na začátku.

← Zpět