Pojmovi razvoja koda: Frontend, Backend, API, Baza i Git

• Frontend (Klijent): Sve što korisnik vidi i dodiruje u browseru (HTML, Tailwind CSS, animacije, gumbi).
• Backend (Server): "Mozak" iza kulisa koji provjerava lozinke, šalje emailove i izvršava poslovnu logiku.
• API (Application Programming Interface): "Konobar" koji prenosi narudžbu s frontenda u backend i vraća odgovor.
• Baza Podataka (Database): Digitalno skladište gdje su trajno spremljeni korisnici, proizvodi i narudžbe (npr. PostgreSQL u Supabaseu).
• Git & GitHub: Git pamti povijest svake točke i zareza u kodu, a GitHub je sigurna kopija projekta u oblaku.
• CI/CD: Automatizirani sustav (Vercel) koji samostalno preuzima kôd s GitHuba i pušta ga u live rad.

Najjednostavniji način za shvaćanje modernog full-stack razvoja:

• Gost i stol u sali je korisnik koji gleda lijepo uređen ambijent i jelovnik (Frontend).
• Konobar je API — uzima gostovu narudžbu sa stola i nosi je u kuhinju, a zatim se vraća s gotovim jelom.
• Kuhar u kuhinji je Backend — priprema jelo, pazi na recepte, peče i osigurava higijenu.
• Hladnjak i smočnica je Baza Podataka (Supabase) — gdje se trajno i uredno čuvaju svi sastojci i zalihe.

Nova generacija alata ne služi samo za pisanje viceva, nego se ponaša kao junior/mid inženjer u vašem timu:

• AI Agent ima alate ("ruke") — može pregledati cijeli repozitorij, pokrenuti testove u terminalu i sam popraviti grešku.
• Kontekstni prozor (Context Window) je radna memorija modela — moderni Gemini modeli mogu primiti cijelu bazu koda odjednom.

1. Provjera instaliranih alata u terminalu

   node -v && git --version

   Provjerava imate li instaliran Node.js engine i Git za praćenje koda.

Najveća prednost Next.js App Routera je što spaja Frontend i Backend u jedan jedinstveni projekt. Ne morate pokretati dva odvojena poslužitelja — sve radi pod istim krovom!