Cursor je odlična pretplata, ali 20 € mjesečno za AI coding nije svima opravdano. Ako već imaš VS Code instaliran i bilo kakav LLM API ključ (Anthropic, OpenAI, DeepSeek) ili ti Ollama radi lokalno, Cline ili njegov fork Roo Code daju ti 95 % Cursor funkcionalnosti za zero subscription fee. U ovom vodiču pokazujem kako postaviti Cline u VS Code-u, kako ga povezati s najpovoljnijim LLM modelom, i kako deploy-ati generirani kod na WMD hosting.
Što su Cline i Roo Code — i koja je razlika
Cline (cline.bot, prije poznat kao "Claude Dev") je VS Code extension s 58 000+ GitHub zvjezdica, open source pod Apache 2.0 licencom. Radi kao autonomous coding agent — daš mu zadatak, on planira korake, čita datoteke, piše kod, pokreće terminal komande, sve uz tvoju potvrdu po koraku.
Roo Code je community fork Cline-a (22 000+ zvjezdica) koji je dodao "multi-mode" sistem: Code, Architect, Ask, Debug modovi s različitim sistemskim promptovima. Praktično, Roo Code je za one koji žele razdvojiti "planiranje" od "kodiranja".
Glavna razlika u jednoj rečenici: Cline = direktan i fokusiran agent, Roo Code = strukturirani workflow s plansko-izvedbenim odvajanjem.
Zašto je ovo prava zamjena Cursoru
Cursor i Cline / Roo Code dijele 80 % funkcionalnosti:
- Inline kod predlaganja — oba pokazuju što LLM piše dok piše
- Multi-file editiranje — oba znaju mijenjati 5-10 datoteka u jednom zadatku
- Terminal integration — oba mogu pokrenuti
npm install,php artisan migratei slično, vidjeti rezultat, i nastaviti - Codebase context — oba čitaju cijeli projekt da bi razumjeli postojeći stil koda
- Diff approval flow — oba traže potvrdu prije nego mijenjaju datoteke
Razlika u dva ključna detalja:
- Cursor: integrirani LLM (Anthropic + OpenAI), fixna pretplata 20 € mjesečno, native UI
- Cline / Roo Code: BYOK (bring your own key) ili lokalno preko Ollama, plaćaš API ili 0 €, VS Code extension UI
Za samostalnog developera koji radi mjesečno 80-150 sati u IDE-u, BYOK pristup tipično košta 5-12 € mjesečno (Claude API) ili 1-3 € (DeepSeek API). Ušteda od 50-95 % bez gubitka funkcionalnosti.
Instalacija Cline-a u VS Code-u
Brz tok:
- Otvori VS Code, otvori Extensions tab (Ctrl+Shift+X / Cmd+Shift+X)
- Traži "Cline"
- Klikni Install uz Cline extension (autor: saoudrizwan ili Cline tim)
- Restart VS Code
- Cline se pojavljuje u sidebaru kao novi tab s ikonicom
Za Roo Code: isti postupak, samo traži "Roo Code" u Extensions marketu.
Postavljanje LLM providera u Cline-u
Klikni Cline ikonu u sidebaru, pa Settings ikona u kutu. Odaberi provider:
Anthropic Claude (preporuka za web development)
- Otvori console.anthropic.com, registriraj se, dodaj kreditnu karticu (minimum 5 €)
- Settings → API Keys → Generiraj novi ključ
- U Cline Settings odaberi Anthropic, paste ključ
- Model:
claude-sonnet-4-5(preporuka) iliclaude-haiku-4-5(5× jeftiniji)
DeepSeek (preporuka za uštedu)
- platform.deepseek.com → Registracija → API Keys
- U Cline Settings odaberi OpenAI Compatible
- Base URL:
https://api.deepseek.com/v1 - Model ID:
deepseek-chat - API ključ paste
OpenRouter (preporuka ako želiš birati model po zadatku)
- openrouter.ai → Sign in → API Keys
- U Cline Settings odaberi OpenRouter, paste ključ
- Dobiješ dropdown sa 100+ modela, biraš po cijeni / sposobnosti
Ollama lokalno (preporuka za zero-cost)
- Instaliraj Ollama, povuci model:
ollama pull qwen3-coder:7b - U Cline Settings odaberi Ollama
- Base URL:
http://localhost:11434(default) - Model ID:
qwen3-coder:7b
Detaljniji Ollama setup pokrivamo u posebnom vodiču.
Prvi projekt — kreiranje web stranice s Cline-om
Scenarij: pišeš landing stranicu za stolariju koja izrađuje namještaj po mjeri. Otvori praznu mapu u VS Code-u (npr. ~/projekti/stolarija), klikni Cline ikonu, i daj zadatak:
Napravi landing stranicu za stolariju "Lipa drvo".
Treba sadržavati:
- Hero sekciju s naslovom "Namještaj po mjeri — radimo
ono što kupiš jednom, koristiš generacijama"
- Galeriju 6 projekata (placeholder slike za sad)
- Sekcija "Kako naručiti" u 4 koraka
- Kontakt forma s validacijom (ime, telefon, opis projekta)
- Footer s adresom u Karlovcu i radnim vremenom
Tehnologije: HTML, CSS (vanilla, ne Tailwind), JavaScript za formu.
Mobile-first responsive. Topla, drvenasta paleta boja.Cline će:
- Plan: predložiti listu datoteka koje će napraviti i objasniti svoju strategiju
- Confirmation: čekati tvoje "Approve"
- Execution: kreirati
index.html,style.css,script.js, mapuimg/s placeholder slikama - Test: pokrenuti lokalni preview (
python3 -m http.serverili Live Server) - Iteration: pitati te jesi li zadovoljan ili treba dorada
Cijeli flow traje 2-5 minuta ovisno o modelu. Sve faze čekaju tvoju potvrdu — Cline ne radi destruktivne akcije bez explicit OK-a.
Roo Code multi-mode workflow — kad ima smisla
Ako voliš strukturirano razmišljanje, Roo Code ima 4 moda u sidebaru:
- 🎯 Architect Mode — pita modela da razmisli, ne piše kod. Idealno za "kako bih trebao strukturirati ovu aplikaciju".
- 💻 Code Mode — standardno pisanje koda kao u Cline-u.
- ❓ Ask Mode — samo razgovor, bez modificiranja datoteka. Za objašnjavanja postojećeg koda.
- 🐛 Debug Mode — fokus na pronalaženje grešaka, čita logove, dodaje console.log + var_dump traceove.
Workflow primjer za Laravel feature:
- Architect Mode: "Trebam dodati podršku za multi-tenancy u Laravel app. Koji su pristupi i koji preporučaš za naš slučaj (B2B SaaS s 50-200 tenanata)?"
- Roo Code piše prijedlog arhitekture (tenant_id kolona vs. zasebne baze vs. shared schema)
- Code Mode: "OK idemo s tenant_id pristupom. Implementiraj middleware, model trait, scope, i osnovne migracije."
- Roo Code piše kod
- Debug Mode: "Test fails s 'ambiguous tenant_id' u JOIN-u. Riješi."
Ovaj workflow je sporiji ali bolji za nove kompleksne sustave. Za quick CRUD posao, Cline-ov direct mode je brži.
Deploy na WMD hosting — VS Code Source Control + cPanel Git
VS Code ima ugrađen Git UI (Source Control tab). Workflow s Cline-om:
1. Cline / Roo Code napravi promjene
Recimo da je Cline dodao kontakt formu u index.html i napravio novi contact-form.js. U Source Control tab-u VS Code-a vidiš oba diff-a.
2. Commit + push iz VS Code-a
- Source Control → stage promijenjene datoteke (gumb +)
- Napiši commit poruku ("Add contact form with validation")
- Klikni Commit
- Klikni Push (sync gumb u status baru)
VS Code te može pitati da unaprijed konfigurira GitHub authentication — uradi to jednom kroz GitHub Pull Requests extension koji se preporuča.
3. Setup cPanel Git Version Control
Login na tvoja-domena.hr/cpanel, otvori Git Version Control:
- Klikni Create
- Clone URL:
https://github.com/tvoj-user/stolarija.git - Repository Path:
/home/korisnik/repositories/stolarija - Pripremi
.cpanel.ymldeploy konfiguraciju (vidi naš OpenCode vodič za detalje)
4. Deploy nakon svakog Cline commits-a
Workflow je sad:
- Cline napravi promjene
- Ti commit-aš + push-aš iz VS Code Source Control
- U cPanelu klikneš Pull or Deploy
- Stranica je live
Za potpunu automatizaciju (auto-deploy nakon svakog push-a), koristi GitHub Actions s cPanel UAPI pozivom — pokrivamo u Aider vodiču.
Cline + Laravel / Craft CMS / Node.js
Cline je posebno snažan za PHP framework-e jer može čitati strukturu projekta i razumije konvencije.
Laravel scenarij
Trebam dodati REST API endpoint za "porudžbe" u ovom Laravel projektu.
Endpointi:
- GET /api/orders (list, filter by status)
- POST /api/orders (create with validation)
- GET /api/orders/{id} (show)
- PATCH /api/orders/{id} (update status)
- DELETE /api/orders/{id} (soft delete)
Trebaju mi: controller, model, migration, FormRequest, API resource,
i policy za autentifikaciju (samo admin može DELETE).
Dodaj testove za sve endpointe.Cline / Roo Code napravi:
- Migration s odgovarajućim kolonama
Ordermodel s relacijamaOrderControllers 5 metodaStoreOrderRequestiUpdateOrderRequestOrderResourceza API odgovoreOrderPolicy+ middleware- Feature tests za sve scenarije
Pokreće php artisan migrate i php artisan test automatski u terminalu — vidiš rezultate odmah.
Craft CMS scenarij
Pomozi mi dodati novu sekciju "Vinove sorte" u ovaj Craft CMS projekt.
Polja:
- Naziv sorte (Plain Text)
- Boja (Dropdown: bijela, crna, ružičasta)
- Opis (CKEditor)
- Karakteristike (Matrix: kiselost, slatkoća, taninnost)
- Fotografije (Assets, multi)
Generiraj Twig template za listing /sorte i pojedinačni view.Cijena u stvarnosti
Pratimo realnog samostalnog developera (30 sati tjedno u IDE-u):
- Cline + Claude Sonnet 4.5: 8-15 € mjesečno
- Cline + DeepSeek Chat: 1-3 € mjesečno (10× jeftiniji)
- Cline + OpenRouter (mix modela): 5-12 € mjesečno
- Cline + Ollama qwen3-coder:7b: 0 € mjesečno
Cursor Pro je 20 € mjesečno fiksno. Ušteda s Cline + DeepSeek je ~215 € godišnje — više od godišnjeg WMD START paketa s besplatnom .hr domenom.
Kad Cline nije pravi izbor
- Ako mrziš VS Code — Cline radi samo u VS Code-u (i forks-evima poput VSCodium). Za JetBrains kupce, koristi Continue.dev koji podržava i IntelliJ obitelj.
- Ako trebaš ultra brzi autocomplete dok tipkaš — Cline je agent, ne autocomplete. Continue.dev daje to bolje.
- Ako ti je dosta tipkanja "Approve" — Cline po default-u traži potvrdu za svaku akciju. To je sigurnosno odlično, ali sporo za rutinu. Možeš povisiti auto-approval threshold u Settings-ima.
Roo Code ili Cline — koji za tvoj workflow
| Tvoj profil | Preporuka |
|---|---|
| Brzo iterirati landing stranice, WordPress teme | Cline |
| Pažljivo planirati arhitekturu prije pisanja | Roo Code (Architect Mode) |
| Debug-irati postojeći legacy projekt | Roo Code (Debug Mode) |
| Mješavina svih gore | Roo Code (više fleksibilnosti) |
| Najmanje setup-a, najbrži start | Cline |
Sažetak
Cline (ili Roo Code) + VS Code + DeepSeek API + WMD hosting + cPanel Git Deploy je danas najjeftiniji full-stack AI coding tok na tržištu. Mjesečno trošiš 1-3 € na LLM API umjesto 20 € na Cursor, koristiš isti VS Code koji već imaš, i deploy ide kroz Git Version Control modul koji je već dio tvog cPanela.
Za hosting kupca koji već koristi VS Code, ovo je preporuka broj 1. Aider je bolji za hardcore terminal entuzijaste; Continue.dev za one koji žele samo autocomplete; OpenCode za terminal-only čistunce. Ali za "želim Cursor-iskustvo bez Cursor cijene", Cline je odgovor.
Za pomoć oko VS Code Git autentifikacije, cPanel Git Version Control setup-a, ili odluke koji LLM provider odabrati — pošalji nam ticket. Pripremili smo i posebnu uputu za cPanel Git Version Control korak po korak.
U sljedećem vodiču: Continue.dev na VS Code i JetBrains — najlakši free AI coding ulaz za apsolutnog početnika.
