Umelá inteligencia a moderné vyhľadávanie dnes nie sú len výsadou veľkých cloudových platforiem. Vďaka pokrokom v databázach, ako je MariaDB 11.8, si môžete vybudovať vlastné vektorové vyhľadávanie – priamo na zdieľanom hostingu, bez nutnosti využívať služby ako Pinecone alebo Weaviate.

🧠 Čo je vektorové vyhľadávanie?

Tradičné vyhľadávanie funguje tak, že hľadá presné zhody v texte – napríklad slovo pes nájde len tam, kde sa presne vyskytuje. Vektorové vyhľadávanie však ide ďalej. Porovnáva význam textov, nie len ich slová. Vďaka tomu rozumie, že „pes“ a „zviera“ spolu úzko súvisia, aj keď to nie sú rovnaké slová.

Technicky ide o to, že každý text (napr. veta, odsek alebo dokument) sa prevedie na vektor – pole čísel, ktoré popisuje jeho význam. Tento proces sa nazýva embedding.

⚙️ MariaDB a podpora vektorových indexov

Najnovšie verzie MariaDB (od 11.4 vyššie) prinášajú experimentálnu, ale veľmi užitočnú funkciu – vektorové stĺpce a indexy. To znamená, že môžete ukladať a porovnávať vektory priamo v databáze, bez potreby špeciálnych AI služieb.

Hosting, ako napríklad HostCreators.sk, už bežne poskytuje MariaDB 11.8 – takže túto technológiu si môžete vyskúšať aj v rámci bežného PHP hostingu.

📦 Príklad: vytvorenie tabuľky s vektorovým stĺpcom

CREATE TABLE documents (
  id INT AUTO_INCREMENT PRIMARY KEY,
  title VARCHAR(255),
  embedding VECTOR(1536),
  VECTOR INDEX (embedding) M=32 DISTANCE=cosine
);

V tomto príklade vytvárame tabuľku, ktorá bude obsahovať názov dokumentu a jeho embedding. Index DISTANCE=cosine určuje, že sa budú porovnávať podobnosti medzi vektormi pomocou kosínovej vzdialenosti – ide o najčastejšie používaný spôsob merania podobnosti.

🧩 Vkladanie dát pomocou VEC_FromText()

MariaDB poskytuje praktickú funkciu VEC_FromText(), ktorá umožňuje previesť textovú reprezentáciu poľa na vektor. Vďaka tomu viete embedding jednoducho uložiť priamo z PHP skriptu.

$pdo = new PDO("mysql:host=localhost;dbname=mojadb", "user", "heslo");
$text = "Ako nasadiť WordPress na server?";
$embedding = "[0.0123, 0.0034, -0.0234, ...]"; // z OpenAI API

$stmt = $pdo->prepare("INSERT INTO documents (title, embedding) VALUES (?, VEC_FromText(?))");
$stmt->execute([$text, $embedding]);

Takto uložíte vektorový embedding priamo do databázy. Embedding môžete získať napríklad z API modelu text-embedding-3-small od OpenAI.

🔍 Vyhľadávanie podľa podobnosti – VEC_DISTANCE_COSINE()

Keď už máte dáta uložené, môžete jednoducho hľadať najpodobnejšie záznamy na základe významu:

$queryEmbedding = "[0.0102, 0.0044, -0.0187, ...]"; // embedding z novej otázky

$sql = "SELECT title,
       VEC_DISTANCE_COSINE(embedding, VEC_FromText(?)) AS distance
FROM documents
ORDER BY distance ASC
LIMIT 5;";

$stmt = $pdo->prepare($sql);
$stmt->execute([$queryEmbedding]);

foreach ($stmt as $row) {
    echo $row['title'] . " (similarity: " . round(1 - $row['distance'], 3) . ")\n";
}

Výsledky s najnižšou hodnotou distance sú najpodobnejšie hľadanému textu. V praxi sa takto dajú implementovať funkcie ako:

• vyhľadávanie podobných článkov,
• inteligentné odporúčania produktov,
• prehľadávanie znalostných báz.

💡 Prečo to celé funguje aj bez cloudu

Vďaka natívnej podpore vektorov v MariaDB nepotrebujete žiadne externé služby. Stačí bežný PHP hosting s novšou verziou MariaDB – žiadne Python servery, žiadne API náklady. Všetko beží priamo v databáze, čo znamená jednoduché nasadenie a nižšie náklady.

🪄 Záver

Ak chcete svojmu webu dodať štipku umelej inteligencie, nemusíte hneď siahať po cloudových riešeniach. Vektorové vyhľadávanie môžete mať aj na klasickom hostingu – priamo v MariaDB a PHP. Moderné hostingy, ako HostCreators.sk, vám k tomu ponúkajú všetko potrebné prostredie.

V ďalšom článku sa pozrieme na to, ako využiť Redis pre vektorové vyhľadávanie priamo v pamäti – pre ešte rýchlejšie odpovede ⚡

Ak sa tvoj Ansible projekt rozrastá, veľmi rýchlo zistíš, že jeden inventory.ini a pár playbookov nestačí. Dobrá štruktúra ti pomôže udržať prehľad, opakovateľnosť a jednoduchú správu viacerých prostredí – napríklad staging, produkcia alebo edge zariadenia.

Štandardná štruktúra Ansible projektu

ansible/
├── inventories/
│   ├── production/
│   │   ├── hosts.ini
│   │   └── group_vars/
│   │       └── all.yml
│   └── staging/
│       ├── hosts.ini
│       └── group_vars/
├── playbooks/
│   ├── setup.yml
│   └── webserver.yml
└── roles/
    └── nginx/
        ├── tasks/
        ├── templates/
        └── defaults/

Takto vieš oddeliť konfigurácie pre rôzne prostredia a zároveň udržať jednotný základ.

Čo je inventory?

Inventory súbor určuje, na aké servery sa má playbook aplikovať. Môže byť vo formáte .ini alebo .yaml.

Príklad hosts.ini

[web]
192.168.1.10
192.168.1.11

[db]
192.168.1.12

Príklad s premenlivými adresami a skupinami

[edge]
server1 ansible_host=10.0.0.2
server2 ansible_host=10.0.0.3

[edge:vars]
timezone=Europe/Bratislava

Premenné podľa skupín a hostov

Do group_vars/ a host_vars/ môžeš uložiť YAML súbory so špecifickými hodnotami pre jednotlivé skupiny alebo hostov. Ansible ich automaticky načíta.

Príklad group_vars/all.yml:

ansible_user: ansible
ntp_server: pool.ntp.org

Tipy pre organizáciu:

• Nepoužívaj len jeden inventory pre všetko – rozdeľ si staging, prod, lab
• Používaj group_vars na zdieľané nastavenia
• Udržuj všetko pod Git verziou
• Pomenúvaj servery logicky (napr. web01, db02)

Čo ďalej?

V ďalšom článku si ukážeme, ako používať premenné, šablóny a ako zamedziť tomu, aby sa služba reštartovala zbytočne po každej zmene konfigurácie.

Ak máš špecifickú štruktúru alebo otázku, napíš nám – môžeme doplniť konkrétny príklad na mieru.

CSRF (Cross-Site Request Forgery) je zraniteľnosť, ktorá umožňuje útočníkovi vykonať akciu v mene prihláseného používateľa – bez jeho vedomia. Typicky sa to deje cez škodlivý odkaz alebo iframe, ktorý spustí požiadavku na server, kde je používateľ prihlásený.

Princíp útoku

Útočník odošle požiadavku cez HTML prvok (napr. <img> alebo <form>), prehliadač priloží session cookie – a server si myslí, že požiadavka je legitímna.

Krok za krokom: Testovanie cez Burp Suite alebo Caido

1. Presmeruj prehliadač cez proxy (Burp alebo Caido)
2. Sprav akciu v aplikácii (napr. zmeň heslo)
3. Odošli požiadavku do Repeateru
4. Sleduj, či obsahuje CSRF token – v tele alebo hlavičke
5. Odstráň token, pošli požiadavku znova – ak prejde, appka je náchylná

Vytvorenie exploit stránky

<form action="https://example.com/zmena-hesla" method="POST">
  <input type="hidden" name="heslo" value="hacked123">
  <input type="submit">
</form>
<script>document.forms[0].submit();</script>

Ak stránka spracuje požiadavku aj bez overenia tokenu – si zraniteľný.

Testovanie REST API: CSRF stále hrozí

Mnohé REST API aplikácie (napr. SPA v Reacte) používajú cookie-based autentifikáciu. Prehliadač automaticky priloží cookie aj pri útoku z inej domény, čo znamená: CSRF je stále reálne riziko.

Ako testovať:

• Skontroluj, či sa API autentifikuje cez sessionid cookie
• Skús odoslať požiadavku z cudzích stránok cez formulár
• Sleduj, či API kontroluje Origin alebo Referer, alebo vyžaduje CSRF token

Ochrana pred CSRF

• Overuj Origin a Referer hlavičku
• Používaj CSRF tokeny (generované a overované serverom)
• V REST API používaj JWT v hlavičke, nie cookie
• Pridaj hlavičku X-Requested-With na strane klienta
• Nastav SameSite atribút pri cookies

SameSite cookie atribút a UX

SameSite=Strict znamená, že cookie sa nepošle pri žiadnej požiadavke mimo aktuálnej domény. Znie to skvele – ale má háčik.

Príklad:

Používateľ je prihlásený v appke. Klikne na odkaz z e-mailu a dostane sa späť na appku. Ak máš cookie s SameSite=Strict, prehliadač ju nepošle. Používateľ bude odhlásený alebo uvidí chybu.

Prehľad:

Záver

CSRF nie je minulosť – stále sa vyskytuje v slabších implementáciách REST API, v aplikáciách bez tokenov či v microservisných systémoch, ktoré používajú cookies. Ochrana je pritom relatívne jednoduchá a existuje niekoľko overených prístupov.

V ďalšom článku sa pozrieme na CSRF ochranu v konkrétnych frameworkoch (Express.js, Django, Laravel).

Chceš si vyskúšať, ako funguje penetračné testovanie webovej aplikácie? Tento návod ti krok za krokom ukáže, ako na to pomocou Burp Suite alebo Caido – moderných nástrojov pre testovanie zraniteľností typu XSS, IDOR, CSRF a iných.

Čo budeš potrebovať

• Základné znalosti HTTP požiadaviek (GET, POST, cookies, headers)
• Nainštalovaný prehliadač (ideálne Firefox)
• Burp Suite Community alebo Caido (free)
• Testovaciu aplikáciu (napr. PortSwigger Web Academy, WebGoat alebo jednoduchý web od teba)

Krok 1: Priprav si prostredie

1. Stiahni a nainštaluj Burp Suite z portswigger.net/burp alebo Caido z caido.io
2. Spusti aplikáciu a nastav proxy na localhost:8080 (štandardne)
3. Vo Firefoxe (alebo Brave) nastav manuálnu proxy:

• Menu > Nastavenia > Sieť > Nastaviť proxy
• HTTP proxy: 127.0.0.1, port: 8080

1. Navštív testovaciu web aplikáciu

Krok 2: Zachytávanie požiadaviek (intercept)

• V Burpe: otvor "Proxy" > zapni "Intercept"
• V Caido: prehliadaj web, požiadavky sa logujú automaticky
• Vyhľadaj požiadavky typu POST alebo GET, kde sa posielajú údaje od používateľa (napr. komentáre, login...)

Krok 3: Hľadanie XSS (Cross-site scripting)

1. Nájdi miesto, kde aplikácia zobrazuje tvoje vstupy (napr. komentár)
2. V requeste zmeň hodnotu napr. na <script>alert(1)</script>
3. Odošli požiadavku a sleduj, či sa alert zobrazí na stránke
4. Ak áno – aplikácia nefiltruje vstupy = potenciálne XSS

Krok 4: Hľadanie IDOR (Insecure Direct Object Reference)

1. Nájdi URL alebo parametre ako /profile?id=123 alebo user_id=123 v requeste
2. Zmeň hodnotu ID na inú (napr. 124, 1, 2…)
3. Sleduj, či sa ti zobrazí cudzí profil alebo dáta iného používateľa
4. Ak áno – chyba prístupovej kontroly

Krok 5: Automatické testy (scanner)

• V Burp Community môžeš použiť "Logger" a ručne analyzovať odpovede
• V Caido klikni na požiadavku a vyber „Scan“ – automaticky prebehne XSS/SQLi/IDOR kontrola

Bonus: API testovanie

• Pošli požiadavku cez Postman (alebo si ju načítaj z Caido)
• Skús upraviť JSON payloady – injekcie do parametrov
• Vyskúšaj napr. hodnoty ako {"role": "admin"} alebo ' OR 1=1 --

Bezpečnosť a etika

Testuj iba svoje aplikácie alebo oficiálne cvičiská. Neoprávnený pentest na cudzích systémoch je nezákonný. Vždy dodržuj etický hacking!

Záver

Týmto si si vyskúšal základné techniky pentestovania webu. Nástroje ako Burp Suite či Caido ti otvárajú cestu k hlbšej analýze a aj automatizácii.

V ďalšom článku si ukážeme testovanie CSRF zraniteľnosti a nastavenie notifikácií/automatického reportingu.

V predchádzajúcom článku sme si ukázali, ako vytvoriť základný GitHub Actions workflow pre buildovanie a testovanie projektu. V tomto pokračovaní sa zameriame na automatizované nasadenie (deploy) projektu na tvoj vlastný alebo firemný server pomocou SSH a rsync/scp.

Scenár

Predstavme si jednoduchý prípad: Máš statický web alebo Node.js aplikáciu, ktorú chceš po commite do vetvy main automaticky nahrávať na server (napr. VPS alebo hosting s SSH prístupom).

Požiadavky

• SSH prístup k serveru
• Vytvorený verejný a súkromný SSH kľúč
• Nastavený GitHub repozitár

1. Generovanie SSH kľúča

ssh-keygen -t ed25519 -C "github-actions@deploy"

Ulož si id_ed25519 (privátny kľúč) a id_ed25519.pub (verejný kľúč). Verejný kľúč nahraj na server do ~/.ssh/authorized_keys.

2. Nastavenie GitHub Secrets

V tvojom repozitári na GitHube choď do Settings > Secrets and variables > Actions a pridaj tieto premenné:

• SSH_HOST – IP alebo doména servera
• SSH_USER – meno používateľa (napr. ubuntu)
• SSH_KEY – obsah súkromného kľúča id_ed25519
• DEPLOY_PATH – cieľová cesta na serveri (napr. /var/www/mysite)

3. Workflow pre nasadenie

Vytvor súbor .github/workflows/deploy.yml:

name: Deploy to Server

on:
  push:
    branches:
      - main

jobs:
  deploy:
    runs-on: ubuntu-latest

    steps:
      - name: Checkout
        uses: actions/checkout@v3

      - name: Build (ak treba)
        run: |
          npm ci
          npm run build

      - name: Deploy via SSH
        uses: appleboy/scp-action@v0.1.4
        with:
          host: ${{ secrets.SSH_HOST }}
          username: ${{ secrets.SSH_USER }}
          key: ${{ secrets.SSH_KEY }}
          source: "./build"
          target: ${{ secrets.DEPLOY_PATH }}

Tento workflow:

• Spustí sa pri každom pushnutí do main
• Projekt builduje (voliteľné)
• Nahrá súbory na server cez scp

Alternatíva: rsync cez SSH

Pre efektívnejší deploy (iba zmenené súbory) použi rsync cez appleboy/ssh-action:

- name: Deploy with rsync
  uses: appleboy/ssh-action@v1.0.0
  with:
    host: ${{ secrets.SSH_HOST }}
    username: ${{ secrets.SSH_USER }}
    key: ${{ secrets.SSH_KEY }}
    script: |
      rsync -avz --delete ./build/ ${{ secrets.SSH_USER }}@${{ secrets.SSH_HOST }}:${{ secrets.DEPLOY_PATH }}

Bezpečnosť

• Privátny kľúč uchovávaj iba v GitHub Secrets.
• Používaj vyhradeného používateľa s obmedzenými právami.
• Môžeš použiť chroot alebo rsync --bwlimit na obmedzenie prenosu.

Záver

GitHub Actions umožňujú bezpečné a automatizované nasadzovanie tvojich projektov – bez nutnosti manuálnych prístupov. V ďalšom diely si ukážeme, ako workflow rozšíriť o rollback alebo notifikácie cez Discord alebo Slack.

Spravovať viacero serverov manuálne cez SSH je udržateľné len chvíľu. Skôr či neskôr nastane chyba, niečo zabudnete, a konfigurácie sa začnú rozchádzať. Tu nastupuje Ansible – jednoduchý, výkonný nástroj na automatizáciu infraštruktúry, ktorý funguje bez agentov a využíva len SSH a Python.

Čo je Ansible?

Ansible je nástroj na správu konfigurácie a automatizáciu procesov. Používa jednoduchý YAML formát na definovanie toho, čo sa má na serveri stať – či už ide o inštaláciu balíčkov, kopírovanie súborov, spúšťanie príkazov alebo nasadzovanie aplikácií.

Hlavné výhody

• Bez agentov – stačí SSH prístup a Python na serveri
• Jednoduchá syntax (YAML)
• Opakovateľné, versionovateľné konfigurácie
• Veľká komunita a množstvo hotových modulov

Prvé kroky s Ansible

1. 🛠️ Inštalácia:
   Linux sudo apt install ansible alebo pip install ansible
   MacOS brew install ansible
2. 📂 Inventory súbor: definujte svoje servery

[servers]
192.168.1.10
192.168.1.11

Odporúčaná štruktúra projektu:

ansible-demo/
├── inventory.ini
└── install-nginx.yml

1. ▶️ Spustenie:
   ansible -i inventory.ini web -m ping
   Ak používaš SSH kľúč: ansible -i inventory.ini all -m ping --private-key ~/.ssh/id_rsa

💡 Tip: Ak sa pripojenie nepodarí, skús ssh-copy-id user@server alebo pridaj server do ~/.ssh/known_hosts.

Ukážka jednoduchého playbooku

---
- name: Inštalácia Nginx
  hosts: web
  become: yes
  tasks:
    - name: Nainštaluj nginx
      apt:
        name: nginx
        state: present

🔍 Vysvetlenie: Parameter become: yes znamená, že Ansible použije sudo na vykonanie úloh s administrátorskými právami.

Kedy sa oplatí použiť Ansible?

• Ak spravujete viac ako 1 server
• Chcete mať istotu, že všetky majú rovnaké nastavenie
• Nasadzujete aplikácie, aktualizácie alebo konfigurácie pravidelne
• Chcete znížiť počet ľudských chýb

Čo ďalej?

Teraz, keď už vieš spustiť svoj prvý playbook, môžeš skúsiť vytvoriť jednoduchú štruktúru projektu:

ansible/
├── inventory.ini
├── playbooks/
│   └── web.yml
└── roles/
    └── nginx/
        ├── tasks/main.yml
        └── templates/

V ďalšom článku si ukážeme, ako fungujú premenné, šablóny (Jinja2) a roles – základné stavebné prvky väčších Ansible projektov.

Ak máš otázky alebo chceš konkrétny príklad z tvojej infraštruktúry, napíš nám!

AI nástroje na pomoc pri vývoji sa stali bežnou súčasťou pracovného prostredia programátora. Od automatického dopĺňania kódu cez refaktoring až po generovanie testov – AI vie ušetriť desiatky hodín práce. Pozreli sme sa na päť najpopulárnejších nástrojov, ktoré sú integrované priamo do IDE alebo fungujú ako samostatné prostredie:

• GitHub Copilot
• Cursor
• Codeium
• Replit Ghostwriter
• Amazon CodeWhisperer

GitHub Copilot

Použitie: Rýchle dopĺňanie kódu, generovanie funkcií, testov a dokumentácie. Odporúčame pre vývojárov, ktorí pracujú s GitHub a chcú univerzálne AI IDE.

Model: Používa modely Codex (na báze GPT-3 a novšie verzie založené na GPT-4 Turbo). Kontextové okno: až 8k tokenov. Rýchle, dobre trénované na open-source repozitároch.

Výhody:

• Skvelé výsledky v reálnych projektoch.
• Výborne funguje v rámci GitHub ekosystému.
• Dopĺňa aj komentáre a dokumentáciu.

Nevýhody:

• Občasné halucinácie kódu.
• Vyžaduje validáciu výstupu.
• Nedostatočné pre špecializované frameworky.

Cena:
$10/mesiac (individuálny plán), $19/mesiac (enterprise). Študenti a open-source vývojári majú zdarma.

Ochrana dát: Kód je analyzovaný iba ak je zapnutá telemetria. Enterprise verzia ponúka izolované prostredie.

Nepoužívaj ak: Tvoj kód je vysoko citlivý alebo proprietárny a nemáš firemný plán.

Cursor

Použitie: AI-enhanced IDE s prirodzeným prístupom ku kódu. Umožňuje dávať príkazy ako „vytiahni túto časť do funkcie“.

Model: Používa GPT-4 Turbo (OpenAI) alebo Claude 2 (Anthropic). Kontextové okno až 100k tokenov. Výborné na analýzu rozsiahlych projektov.

Výhody:

• Vie pracovať s viacerými súbormi naraz.
• Príkazy v prirodzenom jazyku (napr. „urob z tohto hook“).
• Výborný na refaktoring.

Nevýhody:

• Niektoré funkcie dostupné len s vlastným API kľúčom.
• Vyžaduje viac učenia a zvykania.

Cena:
Zadarmo s obmedzením, alebo vlastný OpenAI/Anthropic kľúč. Premium verzia (10 – 20 €/mesačne).

Ochrana dát: Nezdieľa dáta bez tvojho súhlasu. Lokálne ukladanie a volanie modelov cez tvoj kľúč.

Nepoužívaj ak: Hľadáš jednoduché riešenie bez nutnosti nastavovania.

Codeium

Použitie: Bezplatná alternatíva k Copilot pre automatické dopĺňanie kódu.

Model: Vlastný LLM model, trénovaný na open-source kóde. Kontextové okno: približne 4–8k tokenov.

Výhody:

• Zadarmo.
• Podpora širokého spektra jazykov.
• Funguje vo väčšine IDE.

Nevýhody:

• Menej presný pri komplexnom kóde.
• Slabšia podpora frameworkov a testovania.

Cena:
Úplne zadarmo (aj pre tímy).

Ochrana dát: Dá sa použiť lokálne bez posielania dát. Bez telemetrie v bezpečnostnom režime.

Nepoužívaj ak: Potrebuješ pokročilé generovanie testov alebo AI diskusiu nad kódom.

Replit Ghostwriter

Použitie: Rýchle prototypovanie a učenie sa kódu v prehliadači.

Model: Používa modely od OpenAI (staršie Codex/GPT-3.5). Kontextové okno: 4–8k tokenov.

Výhody:

• Funguje hneď v browseri.
• Automatické nastavenie prostredia.
• Ideálne na rýchle experimenty.

Nevýhody:

• Obmedzené možnosti pri zložitejších projektoch.
• Výkon závisí od predplatného.

Cena:
$10/mesiac (Pro plán s Ghostwriterom).

Ochrana dát: Kód beží na cloud serveroch Replit. Nevhodné pre uzavreté projekty bez firemných zmlúv.

Nepoužívaj ak: Pracuješ s citlivým kódom alebo v korporátnom prostredí.

Amazon CodeWhisperer

Použitie: Vývoj v AWS ekosystéme, napr. Lambda, API Gateway, DynamoDB.

Model: Fine-tuned LLM trénovaný Amazonom. Kontextové okno: približne 8k tokenov. Optimalizované na AWS SDK a CLI.

Výhody:

• Generuje kód špecifický pre AWS služby.
• Podporuje bezpečnostné skenovanie.

Nevýhody:

• Slabá podpora mimo AWS.
• Menšia komunita a menej zdrojov.

Cena:
Zadarmo pre jednotlivcov. $19/mesačne pre profesionálne použitie.

Ochrana dát: Kód sa analyzuje lokálne. Enterprise verzia umožňuje kontrolu a audit.

Nepoužívaj ak: Nepoužívaš AWS alebo potrebuješ univerzálne riešenie.

Záver: Ktoré AI IDE si vybrať?

AI nie je len pomocník – je to reálny katalyzátor produktivity. Ale ako pri každej technológii, dôležité je vedieť, kde jej hranice sú – a ako s nimi pracovať bezpečne a efektívne.

GitHub Actions je vstavaný nástroj v GitHube, ktorý ti umožní automatizovať rôzne činnosti priamo v repozitári. Môžeš napríklad automaticky:

• spustiť testy pri každom pushe,
• buildnúť aplikáciu pri pull requeste,
• deploynúť web na server alebo GitHub Pages,
• skontrolovať štylistiku kódu (lintovanie).

Struktúra GitHub Actions

Všetko sa nastavuje v adresári .github/workflows, kde každý YAML súbor definuje jeden „workflow“ – teda automatizovaný proces.

Prvý workflow: Hello world

Vytvor súbor .github/workflows/hello.yml s týmto obsahom:

name: Hello workflow

on: [push]

jobs:
  say-hello:
    runs-on: ubuntu-latest
    steps:
      - name: Pozdrav
        run: echo "Ahoj svet z GitHub Actions!"

Tento workflow sa spustí pri každom pushnutí do repozitára a vypíše správu do logu.

Testovanie Node.js projektu

name: Node CI

on:
  push:
    branches: [ main ]

jobs:
  test:
    runs-on: ubuntu-latest

    steps:
      - uses: actions/checkout@v3
      - name: Nastavenie Node.js
        uses: actions/setup-node@v3
        with:
          node-version: '18'
      - run: npm ci
      - run: npm test

Tento workflow:

• načíta repozitár,
• nainštaluje Node.js,
• spustí testy cez npm test.

Deploy na GitHub Pages

Použi napríklad tento oficiálny action pre nasadenie statického webu:

name: Deploy to GitHub Pages

on:
  push:
    branches:
      - main

permissions:
  contents: read
  pages: write
  id-token: write

jobs:
  deploy:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v3
      - uses: actions/configure-pages@v3
      - uses: actions/upload-pages-artifact@v2
        with:
          path: ./build
      - uses: actions/deploy-pages@v2

Nezabudni mať v repozitári zapnutý GitHub Pages a buildnutý obsah v ./build.

Tipy a odladenie workflowov

• Sleduj logy v sekcii „Actions“ – každá chyba je tam pekne popísaná.
• Môžeš si workflow spustiť aj ručne pomocou workflow_dispatch.
• Workflow vieš obmedziť na konkrétny priečinok alebo súbory.

Záver

GitHub Actions ti výrazne uľahčí život. Nemusíš mať externý CI nástroj – všetko beží priamo v tvojom GitHub repozitári. Už aj s free účtom dostaneš 2 000 minút mesačne.

V ďalšom článku si ukážeme napríklad ako nasadiť WordPress plugin alebo Node.js appku na server cez SSH.

V predchádzajúcom článku sme si ukázali, ako postaviť základnú GitLab CI/CD pipeline s E2E testami. Teraz sa pozrieme na to, ako ju zrýchliť a zefektívniť pomocou cache, artefaktov a paralelného spúšťania jobov.

🚀 Prečo optimalizovať pipeline?

• ⏱ Menej čakania = rýchlejšia spätná väzba pre vývojárov
• 🔄 Menší výpočtový čas = úspora CI minút a zdrojov
• 🔍 Menej „zbytočných“ krokov = lepšia čitateľnosť a udržiavateľnosť pipeline

📦 Použitie cache v GitLabe

Cache umožňuje uchovať si súbory medzi rôznymi spusteniami pipeline – typicky node_modules alebo buildy.

cache:
  key: ${CI_COMMIT_REF_SLUG}
  paths:
    - node_modules/

💡 Pozor: Cache sa správa inak ako artifacts – je zdieľaná medzi jobmi a behmi.

📁 Artifacts – prenos súborov medzi jobmi

Ak chceš, aby výstup z jedného jobu (napr. build) bol dostupný v ďalšom (napr. testy), použi artifacts:

build:
  stage: build
  script:
    - npm run build
  artifacts:
    paths:
      - dist/

Potom sa dist/ automaticky prenesie do ďalšieho jobu, ak je v ďalšom stage.

🧵 Paralelizácia jobov

GitLab pipeline beží po stage-och. V rámci každého stage môžeš spustiť viacero jobov naraz:

stages:
  - test

test:unit:
  stage: test
  script:
    - npm run test:unit

test:lint:
  stage: test
  script:
    - npm run lint

Tieto dva joby sa spustia súbežne – ak máš runner s dostatočnou kapacitou.

🧠 Tipy pre optimalizáciu

• Rozdeľ testy do viacerých jobov (unit, e2e, lint...)
• Nepoužívaj npm install zbytočne v každom kroku – kombinuj cache a artifacts
• Pre dlhé buildy použi only: changes – napr. buildovať iba pri zmene frontendu

🧩 Bonus: merge request pipelines

Môžeš spúšťať pipeline len pre MR a PR:

only:
  - merge_requests

Pomáha to odlíšiť vývojové a produkčné nasadenia.

🧾 Záver

Ak CI pipeline trvá 15+ minút, vývojári začnú strácať pozornosť. Optimalizácia pomocou cache, artefaktov a paralelizácie ti môže ušetriť minúty pri každom commite – čo sa pri aktívnom tíme násobí každý deň.

V ďalšom článku si ukážeme, ako vytvoriť samostatný stage pre nasadenie (napr. na Vercel, Firebase alebo VPS) a ako použiť schvaľovanie deployov.

Automatizácia je dnes nevyhnutnou súčasťou každého moderného vývojového procesu. V tomto článku si ukážeme, ako nastaviť CI/CD pipelines v GitLabe a ako do nich integrovať end-to-end (E2E) testy napríklad pomocou Cypressu.

⚙️ Čo je CI/CD pipeline?

CI (Continuous Integration) = každá zmena kódu sa automaticky otestuje a pripraví na nasadenie.
CD (Continuous Delivery / Deployment) = po schválení (alebo automaticky) sa nový kód nasadí do produkcie alebo stagingu.

GitLab umožňuje vytvárať pipelines pomocou súboru .gitlab-ci.yml, ktorý definuje jednotlivé kroky (joby).

📄 Príklad .gitlab-ci.yml pre JavaScript projekt

stages:
  - install
  - test
  - e2e

install:
  stage: install
  image: node:18
  script:
    - npm install
  artifacts:
    paths:
      - node_modules/

test:
  stage: test
  image: node:18
  script:
    - npm run test

e2e:
  stage: e2e
  image: cypress/browsers:node18.12.0-chrome107-ff107
  script:
    - npm run start &
    - npx wait-on http://localhost:3000
    - npx cypress run

V tomto príklade prebiehajú 3 fázy:

• install – nainštaluje závislosti
• test – spustí unit testy
• e2e – spustí lokálny dev server a následne Cypress testy

🔍 Čo sú E2E testy a prečo sú dôležité?

End-to-end testy simulujú správanie reálneho používateľa – klikajú, vypĺňajú formuláre, sledujú reakcie UI.

Pomáhajú zachytiť chyby, ktoré by unit testy nikdy neodhalili – napríklad zlé prepojenie komponentov alebo nefunkčný JavaScript po refaktoringu.

🚀 Integrácia Cypressu do projektu

1. npm install cypress --save-dev
2. Pridať do package.json:

"scripts": {
  "e2e": "cypress open",
  "test": "cypress run"
}

1. Vytvoriť priečinok cypress/e2e/ a prvý test:

describe('Hlavná stránka', () => {
  it('obsahuje nadpis', () => {
    cy.visit('/')
    cy.contains('Vitajte')
  })
})

📦 Tipy pre rýchlejšie a stabilnejšie pipelines

• Používaj artifacts – zachováš buildy medzi krokmi
• Vyčleňuj E2E testy do samostatnej fázy – rýchlejší feedback
• Pridaj cache pre node_modules – výrazne zrýchli CI
• Monitoruj flakiness testov – Cypress má dashboard aj retry mechanizmy

🧠 Záver

CI/CD pipelines v GitLabe ti umožnia automaticky testovať a nasadzovať projekt. E2E testy sú dôležitým krokom na zachytenie chýb z pohľadu používateľa. Aj keď spočiatku pôsobia zložito, ich prínos pri udržiavaní kvality projektu je obrovský.

V ďalšom článku si ukážeme, ako rozdeliť pipeline na paralelné joby a ako použiť GitLab cache na zrýchlenie buildov.

Máš nápad na blog, podnikanie alebo projekt, ale nevieš, kde začať? Tento návod je pre teba. Vysvetlíme si úplne od nuly, čo je to web, čo potrebuješ, ako si kúpiť doménu, hosting a nainštalovať WordPress – najpopulárnejší systém na tvorbu webov na svete.

Nepočíta sa so žiadnymi predchádzajúcimi znalosťami.

1. Čo je doména, čo je hosting a prečo ich potrebuješ

Doména:

• je adresa tvojho webu – napr. fashion-partner.eu
• ľudia ju zadávajú do prehliadača, aby sa dostali na tvoju stránku
• doménu si „prenajímaš“ – napr. na 1 rok

Hosting:

• je miesto, kde bude uložený tvoj web
• funguje ako počítač, ktorý je nonstop pripojený k internetu
• zobrazí tvoj web každému, kto príde na tvoju doménu

Prečo potrebuješ oboje?
Doména = adresa. Hosting = obsah. Jedno bez druhého nefunguje.

2. Odporúčaný hosting pre začiatočníkov: HostCreators

HostCreators.sk je slovenský poskytovateľ, ktorého môžem odporučiť pre:

• jednoduchú správu
• spoľahlivosť a rýchlosť
• lokálnu podporu
• WordPress optimalizáciu
• SSL v cene hostingu
• technológie, ktoré inde nenájdeš (SSH, REDIS, automatický deploy z GitHub repozitárov)

💰 Zľava: Ak pri objednávke zadáš kód xoJR4sIP, získaš 10 % zľavu na prvý rok.

3. Objednanie domény a hostingu

1. Navštív web hostcreators.sk
2. Vyber si názov domény (napr. fashion-partner.eu)
3. Pridaj ju do košíka spolu s hostingovým balíkom
4. Zadaj zľavový kód xoJR4sIP
5. Dokonči objednávku a zaplať

4. Zapnutie SSL

SSL (Secure Sockets Layer) je bezpečnostná technológia, ktorá zabezpečuje šifrované spojenie medzi návštevníkom a tvojou webstránkou.

🧠 Prečo by si mal SSL aktivovať?

1. Bezpečnosť dát. SSL šifruje všetky dáta, ktoré návštevník zadáva (napr. kontaktný formulár, prihlasovanie, heslá), chráni pred útokmi typu „man-in-the-middle“, kde by útočník mohol odchytávať údaje
2. Dôveryhodnosť pre návštevníkov. Prehliadače bez SSL označujú stránky ako „nebezpečné“. Zelený zámok v prehliadači zvyšuje dôveru, hlavne ak zbieraš údaje alebo predávaš produkty
3. Lepšie SEO. Google zvýhodňuje HTTPS stránky vo výsledkoch vyhľadávania (je to oficiálny ranking faktor)
4. Kompatibilita s modernými webovými funkciami. Niektoré funkcie prehliadačov (napr. geolokácia, notifikácie, Web Push) fungujú len na HTTPS stránkach
5. GDPR a ochrana súkromia. Šifrovaná komunikácia pomáha naplniť zákonné požiadavky na ochranu osobných údajov

🛠 Ako SSL aktivovať?

1. Prejdeš na web hostcreators.sk
2. Vpravo hore nájdeš odkaz "WebAdmin"
3. Po prihlásení klikneš svoju novo-zaregistrovanú doménu
4. V nastaveniach vyberieš „SSL“ a nastavíš podľa úkážky nižšie
5. Následne je ešte potrebne vojsť do „nastavenia webu“ a zapnuť možnost „Presmerovať na HTTPS“
6. Po zmene nastavení nezabudni trochu dole zoscrollovať a kliknuť na tlačitko „ULOŽIŤ“
7. Od tohto momentu je komunikácia medzi webovou stránkou a návštevníkom plne zabezpečená 🥳

5. Nahranie WordPressu na hosting

Keďže hostcreators.sk ma totálne vymakanú podporu WordPressu, pre samotnú inštaláciu nie sú potrebné žiadne technické znalosti.

Pomocou „Expresná inštalácia WordPress“ sa dá WordPress nainštalovať na niekoľko kliknutí. Počas tohto procesu si zvoliš heslo do administrácie, vhodnú tému (vzhľad webovej stránky) a prípadne aj pluginy (funkčnosť webovej stránky).

⚠️️ Ak si necháš heslo vygenerovať, nezabudni si ho poznačiť

8. Záver a čo ďalej

Máš spustený WordPress web. Teraz môžeš préjsť do administrácie:

• nainštalovať si novú tému, prispôsobiť dizajn
• pridať prvú stránku alebo blogový príspevok
• nainštalovať kontaktný formulár alebo galériu

📝 Administráciu nájdes na svojej doméne. Stači do webovej adresy doplniť /wp-admin. V našom prípade by to teda bolo: https://www.fashion-partner.eu/wp-admin

WordPress je skvelý nástroj, ktorý rastie spolu s tvojimi nápadmi. V ďalších článkoch si ukážeme, ako nastaviť tému, pracovať s pluginmi a zabezpečiť svoj web.

Ak si už vytvoril vlastný shortcode vo WordPresse, možno chceš, aby bol dostupný aj ako Gutenberg blok. V tomto článku si ukážeme, ako vytvoriť jednoduchý blok, ktorý umožní používateľovi vybrať shortcode z ponuky a vložiť ho do obsahu.

🧱 Čo budeme vytvárať?

➡️ Blok s dropdown menu, ktorý vygeneruje vybraný shortcode do obsahu – napr. [pozdrav] alebo [citat].

📁 Krok 1: Štruktúra pluginu

Vytvor adresár shortcode-block v wp-content/plugins/ a vlož doň súbory:

• shortcode-block.php
• block.js
• style.css (voliteľné)

📄 shortcode-block.php

<?php
/*
Plugin Name: Shortcode Block
*/

function shortcode_block_assets() {
  wp_register_script(
    'shortcode-block-editor',
    plugins_url( 'block.js', __FILE__ ),
    [ 'wp-blocks', 'wp-element', 'wp-editor', 'wp-components' ],
    filemtime( plugin_dir_path( __FILE__ ) . 'block.js' )
  );

  register_block_type( 'moj/shortcode-block', [
    'editor_script' => 'shortcode-block-editor',
  ]);
}
add_action( 'init', 'shortcode_block_assets' );

📄 block.js (Gutenberg blok)

( function( blocks, element, components ) {
  const { registerBlockType } = blocks;
  const { createElement: el } = element;
  const { SelectControl } = components;

  registerBlockType( 'moj/shortcode-block', {
    title: 'Shortcode výber',
    icon: 'shortcode',
    category: 'widgets',

    attributes: {
      selected: { type: 'string', default: '[pozdrav]' }
    },

    edit: ( props ) => {
      return el( 'div', {},
        el( SelectControl, {
          label: 'Vyber shortcode:',
          value: props.attributes.selected,
          options: [
            { label: '[pozdrav]', value: '[pozdrav]' },
            { label: '[citat]', value: '[citat autor="Einstein" text="Predstavivosť je dôležitejšia ako vedomosti."]' },
          ],
          onChange: ( val ) => props.setAttributes({ selected: val })
        }),
        el( 'code', {}, props.attributes.selected )
      );
    },

    save: ( props ) => {
      return el( 'p', {}, props.attributes.selected );
    }
  });
} )(
  window.wp.blocks,
  window.wp.element,
  window.wp.components
);

✅ Výsledok

Po aktivácii pluginu budeš mať nový blok „Shortcode výber“ v editore, ktorý umožní vybrať a vložiť shortcode priamo do obsahu.

Po publikovaní stránky sa WordPress postará o vykreslenie shortcodu ako zvyčajne.

🧠 Tipy na rozšírenie

• podpora viacerých polí (vlastné parametre),
• vizuálna ukážka výstupu (preview),
• vlastná ikona alebo kategória bloku,
• prepojenie s vlastnými CPT alebo ACF údajmi.

📦 Záver

Prepojenie shortcodov s Gutenberg blokmi je výborný spôsob, ako spraviť obsah redaktorsky prístupnejší a menej „technický“. V ďalšom kroku môžeš vytvoriť úplne vlastný blok, ktorý shortcode ani nepotrebuje – ale výstup generuje priamo cez JS alebo REST API.

Shortcode je jednoduchý spôsob, ako do WordPress obsahu vložiť dynamický prvok – bez toho, aby si písal HTML alebo PHP. V tomto článku si ukážeme, čo shortcody sú, ako ich používať a ako si vytvoriť vlastné – jednoduché aj pokročilejšie.

💡 Čo je to shortcode?

Shortcode vyzerá ako [nazov] a môže mať aj parametre: [galeria id="123"].

Po zobrazení stránky sa shortcode nahradí výstupom funkcie, ktorú definuješ v kóde (napr. HTML, tabuľka, formulár, výpis dát atď.).

🧪 Základný príklad: Vlastný pozdrav

📄 Kód do functions.php:

function moj_pozdrav_shortcode() {
  return '<p>Ahoj! Vitaj na mojej stránke.</p>';
}
add_shortcode('pozdrav', 'moj_pozdrav_shortcode');

📌 Použitie v obsahu:

[pozdrav]

👉 Výstup: Ahoj! Vitaj na mojej stránke.

🧩 Shortcode s parametrami

📄 Funkcia s atribútmi:

function citat_shortcode($atts) {
  $a = shortcode_atts([
    'autor' => 'Neznámy',
    'text' => 'Citát chýba.'
  ], $atts);

  return '<blockquote>' . esc_html($a['text']) . '<br><cite>' . esc_html($a['autor']) . '</cite></blockquote>';
}
add_shortcode('citat', 'citat_shortcode');

📌 Použitie:

[citat autor="Einstein" text="Predstavivosť je dôležitejšia ako vedomosti."]

🔁 Shortcode s obsahom medzi tagmi

Niekedy chceš spracovať aj text medzi [tag]...[/tag]. Príklad s vlastným zvýrazňovačom:

function highlight_shortcode($atts, $content = null) {
  return '<span style="background:yellow;">' . do_shortcode($content) . '</span>';
}
add_shortcode('highlight', 'highlight_shortcode');

[highlight]Dôležitý text[/highlight]

📃 Shortcode s dynamickými dátami (napr. výpis článkov)

function vypis_blog_shortcode($atts) {
  $query = new WP_Query([
    'posts_per_page' => 3
  ]);

  $output = '<ul>';
  while($query->have_posts()) : $query->the_post();
    $output .= '<li><a href="' . get_permalink() . '">' . get_the_title() . '</a></li>';
  endwhile;
  wp_reset_postdata();

  $output .= '</ul>';
  return $output;
}
add_shortcode('blog_novinky', 'vypis_blog_shortcode');

Použiješ jednoducho ako:

[blog_novinky]

👉 Zobrazí posledné 3 príspevky ako zoznam odkazov.

📦 Shortcode v šablóne PHP (nie len v editore)

Shortcode môžeš použiť aj priamo v PHP šablónach:

<?php echo do_shortcode('[pozdrav]'); ?>

To sa hodí, ak chceš shortcode použiť napr. v sidebare, pätičke, alebo vlastnej sekcii mimo obsahu.

🔐 Bezpečnostné tipy

• Pri výstupe používaj esc_html(), esc_attr(), aby si ochránil výstup pred XSS útokmi.
• Shortcody píš tak, aby nemohli spustiť ľubovoľný kód od používateľa.
• Do shortcodov nikdy nevkladaj neoverené údaje priamo do databázy bez validácie.

🧠 Záver

Shortcody sú výborný nástroj, ak chceš pridať dynamiku do obsahu – od jednoduchých textov po výpisy z databázy. V ďalšom článku si ukážeme, ako vytvoriť „shortcode builder“ vo forme Gutenberg bloku alebo ako prepojiť shortcody s vlastným typom obsahu.

Pohovor v IT nie je len o vedomostiach – je to kombinácia technických zručností, komunikácie a správneho prístupu. Tento článok ti pomôže pripraviť sa na IT pohovor krok za krokom – či už si junior, alebo máš roky praxe.

🔍 1. Zisti si o firme čo najviac

• Aké technológie používajú? Pozri si ich GitHub, blog alebo job listingy.
• Aký je ich produkt alebo služba? Vieš si predstaviť, že by si na tom pracoval?
• Pôsobia formálne, alebo skôr startupovo? Podľa toho môžeš prispôsobiť komunikáciu.

🧠 2. Technická príprava – podľa pozície

Frontend / Web vývoj:

• HTML/CSS – vedieť vysvetliť semantiku, responzivitu
• JavaScript – rozdiel medzi let/var, closure, hoisting
• React/Vue – cyklus komponentov, stav, props

Backend:

• REST API, autentifikácia, middleware
• Databázy (SQL aj NoSQL)
• Základy bezpečnosti (hashovanie hesiel, rate limiting)

DevOps / Cloud:

• Základné príkazy Linuxu
• CI/CD – GitHub Actions, GitLab CI
• Docker, Kubernetes – čo robia a kedy ich použiť

Junior pozície:

• Netreba vedieť všetko – skôr sa zamerať na základy a chuť učiť sa
• Vedieť vysvetliť, čo si sa naučil, čo ti robilo problém a ako si to vyriešil

🧑‍💻 3. Praktická časť – test alebo live coding

• Veľa firiem posiela domáce zadanie (napr. API endpoint, malá aplikácia)
• Pri live codingu buď pokojný – rozprávaj nahlas, čo robíš a prečo
• Nezľakni sa, keď niečo nevieš – kľúčové je ukázať logiku a prístup k riešeniu

🗣️ 4. Príprava na netechnické otázky

• Prečo chceš prácu v tejto firme?
• Aký bol tvoj najväčší problém pri programovaní a ako si ho vyriešil?
• Vieš pracovať v tíme? Ako riešiš konflikty?

🧾 5. CV, GitHub a portfólio

• CV stručné, ale prehľadné – zameraj sa na technológie a reálne projekty
• GitHub s projektami (aj malé sú lepšie ako nič)
• Portfólio web – ak robíš frontend alebo freelance, veľké plus

🧘 6. V deň pohovoru

• Buď pripravený s technikou (notebook, mikrofón, pokojné prostredie)
• Skontroluj si spojenie a kameru (ak ide o remote pohovor)
• Maj poruke poznámky, ale nečítaj ich – buď prirodzený

✅ Checklist na záver

• [ ] Mám pripravené CV a GitHub
• [ ] Viem popísať svoje projekty a čo som sa naučil
• [ ] Skontroloval som si, čo firma robí
• [ ] Mám zopakované technické základy
• [ ] Viem odpovedať na najčastejšie otázky

Držíme palce! Nezabudni – pohovor nie je skúška, ale rozhovor. Často nejde o to vedieť všetko, ale ukázať, že vieš rozmýšľať, učiť sa a komunikovať. ✌️

WordPress nie je len blog. Je to výkonný CMS, ktorý dokáže spracovať akýkoľvek typ obsahu – ak vieš, ako na to. V tomto rozsiahlejšom návode ti ukážem krok za krokom, ako si vytvoriť vlastný typ obsahu (Custom Post Type), pridať k nemu vlastné polia (Advanced Custom Fields) a zobraziť všetko vo vlastnej šablóne.

📦 Čo je vlastný typ obsahu (Custom Post Type)?

WordPress má predvolene posts (príspevky) a pages (stránky). Vlastný typ obsahu – tzv. CPT – ti umožní vytvoriť niečo nové, špecifické. Napr.:

• Kurzy – pre vzdelávací portál
• Recepty – pre blog o varení
• Projekty – pre portfólio agentúry
• Produkty – pre e-commerce riešenie mimo WooCommerce

Každý typ môže mať svoje vlastné údaje, kategórie, šablóny a zobrazenie.

🔨 Vytvorenie vlastného post typu „kurz“

Do functions.php (alebo pluginu) vlož:

function vytvor_cpt_kurzy() {
  register_post_type('kurz', [
    'labels' => [
      'name' => 'Kurzy',
      'singular_name' => 'Kurz'
    ],
    'public' => true,
    'has_archive' => true,
    'rewrite' => ['slug' => 'kurzy'],
    'menu_icon' => 'dashicons-welcome-learn-more',
    'supports' => ['title', 'editor', 'thumbnail', 'excerpt']
  ]);
}
add_action('init', 'vytvor_cpt_kurzy');

Po uložení sa v admin rozhraní zobrazí nová sekcia „Kurzy“.

🧩 Pridanie vlastných polí pomocou ACF

Nainštaluj a aktivuj plugin Advanced Custom Fields. Potom:

1. V admin rozhraní → ACF → Field Groups → Pridať novú
2. Nazvi ju napr. „Detaily kurzu“
3. Pridaj polia: napr. „Lektor“ (text), „Trvanie“ (text), „Cena“ (number)
4. Nastav Location: Post Type is equal to kurz
5. Ulož

Teraz, keď pridáš nový kurz, zobrazia sa aj tieto vlastné polia.

🎨 Šablóny pre vlastný typ obsahu

single-kurz.php

<?php get_header(); ?>
<main>
  <h1><?php the_title(); ?></h1>
  <div><?php the_content(); ?></div>
  <ul>
    <li><strong>Lektor:</strong> <?php the_field('lektor'); ?></li>
    <li><strong>Trvanie:</strong> <?php the_field('trvanie'); ?></li>
    <li><strong>Cena:</strong> <?php the_field('cena'); ?> €</li>
  </ul>
</main>
<?php get_footer(); ?>

archive-kurz.php

<?php get_header(); ?>
<main>
  <h1>Všetky kurzy</h1>
  <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
    <article>
      <h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
      <p>Lektor: <?php the_field('lektor'); ?></p>
      <p>Cena: <?php the_field('cena'); ?> €</p>
    </article>
  <?php endwhile; endif; ?>
</main>
<?php get_footer(); ?>

📚 Bonus: vlastné kategórie (taxonómie)

Chceš napr. filtrovať kurzy podľa oblasti? Pridaj vlastnú taxonómiu:

function registruj_taxonomiu_oblast() {
  register_taxonomy('oblast', 'kurz', [
    'label' => 'Oblasť',
    'hierarchical' => true,
    'rewrite' => ['slug' => 'oblast']
  ]);
}
add_action('init', 'registruj_taxonomiu_oblast');

🧠 Záver

Vďaka Custom Post Types, ACF a vlastným šablónam si vieš vo WordPresse vytvoriť plnohodnotnú CMS štruktúru – niečo ako vlastný mini systém na mieru. Už žiadne „hackené“ príspevky – tvoje kurzy, projekty či produkty môžu mať vlastnú logiku, vlastný dizajn a správanie.

V ďalšom článku si môžeme ukázať, ako tieto dáta zobraziť cez vlastný shortcode alebo REST API.