Ak máš portfólio na nejakej platforme a platíš mesačný poplatok za niečo, čo by mohlo byť tvoje natrvalo za zlomok ceny, tento návod je pre teba. Ukážem ti, ako prejsť na vlastný hosting a nastaviť si systém, kde nové články a projekty pridávaš jednou vetou napísanou do chatu.

Nepotrebuješ vedieť programovať. Potrebuješ vendor locknutý web, počítač a terminál.

Čo budeš mať na konci

• Web na vlastnom hostingu za cca 44 euro ročne
• Systém na správu obsahu bez admin panelov a databáz
• Workflow kde nový článok = jeden prompt v Claude Code
• Plnú kontrolu nad kódom, dizajnom aj obsahom

Čo budeš potrebovať

Nástroje (všetko zadarmo alebo jednorazový nákup):

• Účet na claude.ai (Pro plán pre Claude Code)
• VS Code (editor, zadarmo)
• Hosting (odporúčam WebSupport.sk, cca 44 euro/rok)
• Doménu (ak ju ešte nemáš, cca 10-15 euro/rok)

Čo potrebuješ mať pripravené:

• Exportovaný web ako HTML/CSS/JS súbory (väčšina platforiem to umožňuje)
• Obsah článkov a projektov v nejakom formáte (Word, Google Docs, CSV, čokoľvek)

Krok 1: Export tvojho webu

Väčšina platforiem (Webflow, Squarespace, Wix) umožňuje stiahnuť celý web ako .zip súbor. Toto je tvoj základ.

Po stiahnutí rozbali ZIP a skontroluj obsah. Mal by si vidieť index.html, priečinky css/, js/, images/ a podobne. Toto je tvoj web v čistom HTML.

Obsah z CMS (články, projekty) si exportuj zvlášť, väčšinou ako CSV súbor.

Krok 2: Kúp si hosting

Odporúčam WebSupport.sk (alebo akýkoľvek český/slovenský hosting s Apache serverom a SFTP prístupom).

Pri objednaní:

1. Vyber základný webhosting (nie VPS, nie cloud)
2. Pridaj svoju doménu alebo kúp novú
3. Po zaplatení dostaneš prístupové údaje na FTP/SFTP

V admin paneli nakonfiguruj doménu tak, aby smerovala na tvoj hosting balík. DNS záznamy sa nastavia automaticky ak máš doménu aj hosting u rovnakého poskytovateľa.

Krok 3: Nainštaluj potrebné nástroje

Otvor Terminál (na Macu: Cmd+Space, napíš Terminal).

Homebrew (správca balíkov pre Mac):

/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"

Po inštalácii spusti príkazy, ktoré ti vypíše v sekcii „Next steps".

lftp (nástroj na nahrávanie súborov na server):

brew install lftp

Claude Code (AI asistent pre tvoj projekt):

curl -fsSL https://claude.ai/install.sh | bash

Po inštalácii spusti:

echo 'export PATH="$HOME/.local/bin:$PATH"' >> ~/.zshrc && source ~/.zshrc

Over, že všetko funguje:

claude --version

Mal by si vidieť číslo verzie.

Krok 4: Priprav projekt

Vytvor priečinok pre projekt a presuň tam exportované súbory webu:

moj-web/
├── static/        ← sem daj všetky HTML, CSS, JS, obrázky z exportu
├── content/       ← sem budú chodiť tvoje .md súbory s obsahom
├── templates/     ← sem daj HTML stránky, ktoré sa majú napĺňať dátami
└── (ostatné súbory vytvorí Claude Code)

Otvor VS Code, cez File → Open Folder otvor tvoj projekt.

Krok 5: Spusti Claude Code a nechaj ho pracovať

Otvor terminál vo VS Code (Ctrl+`), prejdi do projektu:

cd cesta/k/tvojmu/projektu
claude

Toto spustí Claude Code. Pri prvom použití ťa požiada o prihlásenie cez claude.ai účet.

Keď sa otvorí, napíš mu (uprav podľa svojej situácie):

Mám exportovaný web v priečinku static/ a obsah v CSV súboroch. Potrebujem nastaviť statický generátor, ktorý z Markdown súborov v content/ vygeneruje HTML stránky zachovávajúce dizajn z templates/. Takisto potrebujem deploy.sh skript, ktorý vybuilduje web a nahrá ho cez SFTP na server [tvoja IP] s FTP užívateľom [tvoj FTP user].

Claude Code sa opýta na detaily a potom vytvorí celú štruktúru projektu. Nemusíš rozumieť kódu, ktorý píše. Len odpovedaj na jeho otázky.

Krok 6: Nastav deployment

Vytvor súbor .env.local v priečinku projektu s tvojimi FTP údajmi (nájdeš ich v admin paneli hostingu):

FTP_HOST=IP_adresa_tvojho_servera
FTP_USER=tvoj_ftp_uzivatel
FTP_PASS=tvoje_ftp_heslo

Tento súbor nikdy nezdieľaj a nepridávaj ho do GitHubu.

Prvý deploy spustíš príkazom:

./deploy.sh

Uvidíš, ako sa súbory nahrávajú na server. Po dokončení otvor tvoju doménu v prehliadači.

Krok 7: Každodenný workflow

Od teraz pridávanie obsahu vyzerá takto:

Nový článok:

1. Otvor VS Code a terminál
2. Napíš claude a spusti Claude Code
3. Článok môžeš tvoriť dvoma spôsobmi: buď popíšeš tému priamo v Claude Code a on ho napíše za teba, alebo presunieš hotový .docx dokument do priečinka projektu a povieš mu, nech ho skonvertuje a deployne
4. Claude vytvorí súbor, ukáže ti obsah, počká na potvrdenie, nahraje na server
5. Článok je online do minúty

Úprava existujúceho obsahu:

1. Nájdi súbor v content/ (alebo požiadaj Claude, nech ho nájde)
2. Uprav priamo v editore alebo cez Claude Code prompt
3. Spusti ./deploy.sh

Pridanie dokumentu z Wordu:

1. Presuň .docx súbor do priečinka projektu
2. V Claude Code napíš: „Skonvertuj tento Word dokument na nový insight a deployne."
3. Claude prekonvertuje, naformátuje a nahraje

Časté otázky

Čo ak niečo nefunguje?
Opíš problém v Claude Code. Väčšinu chýb vie vyriešiť sám, ak mu povieš, čo sa deje.

Musím vedieť programovať?
Nie. Pomáha, ak rozumieš základným pojmom (HTML, CSS, súborová štruktúra), ale nie je to podmienka.

Čo ak chcem zmeniť dizajn?
Zmeníš HTML v templates/ alebo CSS v static/css/. Claude Code ti s tým pomôže ak mu povieš, čo chceš dosiahnuť.

Je to bezpečné?
Pre statický web (bez backendu, bez databázy) je to veľmi bezpečné riešenie. Neexistuje nič, čo by útočník mohol hacknúť okrem hostingového účtu.

Zhrnutie nákladov

• Hosting (WebSupport, 1 rok): ~44 euro
• Doména (.com, 1 rok): ~12 euro
• Claude Pro (mesačne): ~20 euro
• Celkom prvý rok: ~76 euro

Po prvom roku: hosting + doména = ~56 euro ročne. Claude používaš na čokoľvek iné tiež, takže nie je to výdaj len pre web.