OpenCode je open-source AI coding agent iz SST tima koji u 2026. preuzima krunu najpopularnijeg besplatnog terminalskog AI alata — 160 000+ GitHub zvjezdica, podržava 75+ LLM providera, ne šalje nikamo tvoj kod, i radi savršeno sa cPanel Git Deploy-em na WMD hostingu. Ako ti je Cursor pretplata previše, ili jednostavno ne voliš dijeliti kod s nečijim cloud servisom, ovo je tvoj alat.
U ovom vodiču pokazujem kompletan workflow: instalacija OpenCode-a, izbor LLM providera (s ili bez tvoje API kreditne kartice), pisanje stranice, i deploy na WMD hosting preko Gita.
Što je OpenCode i zašto svi pričaju o njemu
OpenCode je terminal-first AI coding agent. Pokreneš ga u svojoj projektnoj mapi, daš mu zadatak na hrvatskom ili engleskom jeziku ("Dodaj kontakt formu s validacijom"), i agent piše kod, mijenja datoteke, pokreće testove, i commitira promjene u Git. Sve direktno u tvojem terminalu, bez VS Code-a, bez subskripcija, bez slanja koda na vanjske servere.
Što ga izdvaja od plaćenih alata:
- Open source — MIT licenca, kompletan kod na GitHubu, 900+ contributors
- Model-agnostic — podržava Anthropic Claude, OpenAI GPT, Google Gemini, OpenRouter, Groq, Ollama (lokalno) i 70+ drugih providera
- Bring your own key (BYOK) — plaćaš samo stvarni API trošak, koji je 5-10× manji od mjesečnih pretplata
- Local-first opcija — kombiniraš s Ollama-om za 100% besplatan i 100% offline workflow (vidi naš zaseban vodič za Ollama setup)
- Nema vendor lock-ina — prebacuješ provider unutar 30 sekundi ako jedan poskupi ili izbaci tvoj omiljeni model
Tipičan trošak — 1 do 10 € mjesečno umjesto 20-30 €
Realna usporedba mjesečnih troškova za samostalnog developera koji piše 4-6 sati dnevno:
- Cursor Pro: ~20 € mjesečno, fiksno, neovisno koliko koristiš
- GitHub Copilot Business: ~19 € mjesečno
- Claude Pro: ~20 € mjesečno (s limitima i throttle-om kad puno koristiš)
- OpenCode + Claude API (BYOK): 5-15 € mjesečno za isti workload (plaćaš stvarno potrošene tokene)
- OpenCode + DeepSeek API: 1-3 € mjesečno (DeepSeek modeli su 10× jeftiniji od Claudea, performance vrlo blizu)
- OpenCode + Ollama lokalno: 0 € mjesečno (treba ti laptop s 16+ GB RAM-a)
Za hosting kupca koji piše stranicu samostalno, prebacivanje s Cursora na OpenCode + DeepSeek znači uštedu od ~200 € godišnje, što je više nego cijela godina WMD hostinga.
Instalacija OpenCode-a u 60 sekundi
OpenCode je Go binary, instalira se jednom komandom. Otvori terminal i pokreni:
# macOS / Linux
curl -fsSL https://opencode.ai/install | bash
# Windows (PowerShell kao Admin)
irm https://opencode.ai/install.ps1 | iex
# Provjeri instalaciju
opencode --versionAko preferira Homebrew na macOS:
brew install sst/tap/opencodeNakon instalacije, dođi u projektnu mapu (ili napravi novu) i pokreni:
cd ~/projekti/moja-stranica
opencodePri prvom pokretanju, OpenCode te pita za LLM providera. Tu je ključna odluka.
Izbor LLM providera — koji odabrati za WMD workflow
OpenCode podržava 75+ providera. Realnih izbora za hosting kupca je 4:
Opcija 1: Anthropic Claude API (preporuka za quality)
Najbolji rezultat za web kod, Laravel, WordPress, Craft CMS. Plaća se po tokenu. Tipičan dan rada košta 0.30-0.80 €. Setup:
# Otvori račun na console.anthropic.com
# Generiraj API ključ (Settings → API Keys)
# Postavi varijablu okoline:
export ANTHROPIC_API_KEY="sk-ant-..."
# U OpenCode-u odaberi:
# Provider → Anthropic → claude-sonnet-4-5 ili claude-opus-4-1Opcija 2: DeepSeek API (preporuka za uštedu)
10× jeftiniji od Claudea, performance ~85-90% Claudea za većinu web zadataka. Idealan za hobby developere i početnike. Setup:
# Otvori račun na platform.deepseek.com
# Generiraj API ključ
export DEEPSEEK_API_KEY="sk-..."
# U OpenCode-u:
# Provider → DeepSeek → deepseek-chat ili deepseek-coderOpcija 3: OpenRouter (preporuka za fleksibilnost)
OpenRouter je proxy koji ti daje pristup svim modelima preko jednog ključa. Plaćaš tokene, prebacuješ modele iz koda. Korisno ako želiš testirati više modela.
# openrouter.ai → Sign in → API Keys
export OPENROUTER_API_KEY="sk-or-..."
# OpenCode automatski detektira sve dostupne modeleOpcija 4: Ollama lokalno (preporuka za zero-cost)
Ako imaš laptop s 16+ GB RAM-a, instaliraj Ollama i model Qwen3-Coder (najnoviji free coding model 2026). Detaljno pokrivamo u posebnom vodiču za Ollama.
# Ollama instalacija
curl -fsSL https://ollama.com/install.sh | sh
# Skidanje modela (8-15 GB, jednokratno)
ollama pull qwen3-coder:7b
# OpenCode ga prepoznaje automatski
# Provider → Ollama → qwen3-coder:7bPrvi projekt — kreiranje stranice s OpenCode-om
Recimo da želiš napraviti jednostavnu landing stranicu za svoj obrt. Pokreni OpenCode u praznoj mapi i daj zadatak:
> Napravi modernu landing stranicu za obrt za vodoinstalacije.
Treba imati: hero sekciju s naslovom i CTA gumbom, sekciju s 4 usluge
(popravak slavine, sanacija curenja, ugradnja sanitarija, hitne intervencije),
reference odjeljak s 3 izjave klijenata, i kontakt formu.
Koristi Tailwind CSS i vanilla JavaScript. Mobile-first responsive.OpenCode će tijekom 30-60 sekundi:
- Analizirati zadatak i predložiti strukturu
- Tražiti tvoju potvrdu prije kreiranja datoteka
- Kreirati
index.html,style.css,script.jsi CDN linkove - Pokrenuti basic test (otvoriti u browseru, provjeriti console errors)
- Predložiti git commit s opisom
Sve datoteke vidiš odmah u terminalu, sve promjene zahtijevaju tvoju potvrdu (osim ako uključiš --auto-approve mode).
Deploy na WMD hosting preko Gita
Ovo je dio gdje OpenCode + cPanel Git Version Control sjajno radi zajedno. Workflow:
1. Pripremi Git repo lokalno
# U projektnoj mapi
git init
git add .
git commit -m "Initial commit — landing stranica generirana s OpenCode"
# Kreiraj GitHub / GitLab repo (privatan ili javan)
git remote add origin https://github.com/tvoj-user/landing.git
git branch -M main
git push -u origin main2. U cPanelu na WMD hostingu
Login na tvoja-domena.hr/cpanel, otvori Git Version Control. Klikni Create:
- Clone URL:
https://github.com/tvoj-user/landing.git(ili SSH URL ako imaš SSH ključ konfiguriran) - Repository Path:
/home/korisnik/repositories/landing - Repository Name:
landing - Klikni Create
cPanel klonira repo. Sad pripremi .cpanel.yml u root projekta za automatski deploy:
---
deployment:
tasks:
- export DEPLOYPATH=/home/korisnik/public_html/
- /bin/cp -R index.html $DEPLOYPATH
- /bin/cp -R style.css $DEPLOYPATH
- /bin/cp -R script.js $DEPLOYPATH
- /bin/cp -R assets/ $DEPLOYPATHCommitiraj .cpanel.yml, pushaj na GitHub:
git add .cpanel.yml
git commit -m "Dodaj cPanel deploy konfiguraciju"
git pushU cPanelu Git Version Control klikni Manage uz tvoj repo, pa Pull or Deploy. Stranica je live na tvojoj domeni za 30 sekundi.
3. Automatizacija push-to-deploy
Da svaki git push automatski radi deploy na WMD hosting, dodaj GitHub Actions workflow ili koristi cPanel webhook. Za GitHub Actions:
# .github/workflows/deploy.yml
name: Deploy na WMD hosting
on:
push:
branches: [main]
jobs:
deploy:
runs-on: ubuntu-latest
steps:
- uses: actions/checkout@v4
- name: Deploy via cPanel API
run: |
curl -X POST "https://tvoja-domena.hr:2083/execute/VersionControlDeployment/create" \
-H "Authorization: cpanel ${{ secrets.CPANEL_USER }}:${{ secrets.CPANEL_TOKEN }}" \
-d "repository_root=/home/korisnik/repositories/landing"cPanel API token kreiraš u cPanel → Manage API Tokens. Token sprema se u GitHub Secrets (Repo → Settings → Secrets → Actions).
OpenCode + Laravel / Craft CMS / Node.js workflow
OpenCode nije ograničen samo na statičke stranice. Realan scenarij za WordPress, Craft CMS, Laravel ili Node.js projekt:
Laravel projekt
> Dodaj novi controller "ContactController" s metodom store()
koja prima ime, email i poruku, validira ih, sprema u tablicu
contacts, i šalje notifikacijski email na info@tvoja-domena.hr.
Dodaj migraciju, request validation rules i Mail klasu.OpenCode generira sve potrebne datoteke, pokreće php artisan migrate, i commitira u Git. Push na main, cPanel deploy. Gotovo.
Craft CMS projekt
OpenCode razumije Craft strukturu (templates/, modules/, config/). Reci mu:
> Dodaj novu sekciju "novosti" s ovim poljima:
- naslov (Plain Text)
- sažetak (Plain Text, multiline)
- sadržaj (CKEditor)
- naslovna slika (Assets)
Generiraj Twig template za listing i detail view.Sigurnosna napomena — što OpenCode ne smije
OpenCode ima moguć "destructive actions" (brisanje datoteka, rm -rf, force push). Po default-u, svaka takva akcija zahtijeva tvoju potvrdu. Tri pravila koja stalno primijeni:
- Nikad ne uključuj
--auto-approveu projektu s neresetabilnim stanjem (production baza, mailovi klijenata) - Uvijek radi u Git granu (npr.
feature/contact-form), ne direktno namain - Koristi .gitignore i .opencodeignore — isključi
.env,secrets/,node_modules/,vendor/iz konteksta koji OpenCode šalje LLM-u
WMD hosting backup ti pomaže ako se nešto sruši — povrat baze i datoteka je dostupan kroz cPanel R1Soft modul.
Kad OpenCode nije pravi izbor
Realan pogled — OpenCode ima i mane:
- Terminal-first — ako voliš vizualan IDE, Cline u VS Code-u (vidi naš vodič za Cline) je bolji izbor
- Bez autocomplete dok tipkaš — OpenCode radi u "agent" modu, ne "pair programming" modu. Za autocomplete koristi Continue.dev
- Krivulja učenja — prvih par dana treba ti privikavanje na CLI workflow, ali nakon toga je brži od bilo kojeg vizualnog alata
Sažetak — kome je OpenCode pravi alat
OpenCode + WMD hosting je idealan za:
- Hosting kupca koji već koristi terminal (Git, npm, composer) i ne želi platit 20-30 € mjesečno za AI
- Web developera koji radi za više klijenata — OpenCode + DeepSeek = 1-3 € mjesečno za neograničenu uporabu
- Tim koji ne želi slati kod u Cursor cloud — open source kod, BYOK API, opcionalno Ollama lokalno = maksimum kontrole
- Početnika koji uči programirati — agent ti objašnjava što radi tijekom rada, pravi tutorial uz produkciju
Ako trebaš pomoć oko cPanel Git Deploy-a, postavljanja SSH ključa ili automatizacije s GitHub Actions — javi se WMD podršci 24/7. Pripremili smo i posebnu uputu za cPanel Git Version Control korak po korak.
U sljedećim vodičima pokrivamo Aider (najbolji za Git-native workflow), Cline u VS Code-u (besplatna zamjena Cursoru), Continue.dev (najlakši ulaz za početnika) i Ollama + lokalni LLM (100% offline AI coding).
