Zee Akademija: izrada weba od domene do lansiranja
Kratke video lekcije i vodiči korak po korak: kako rade domena i DNS, kako se kod čuva na GitHubu i objavljuje na Vercelu, kako spojiti bazu, naplatu karticom i kako ubrzati razvoj uz AI. Isti postupak koristimo za stranice naših klijenata.
Modul 1 · Temelji
Pojmovnik & Temeljni Rječnik Web Razvoja
Savladajte sve ključne pojmove: što je Domena, DNS, Hosting, Frontend, Backend, API, Baza podataka, CI/CD, Git i Agentic AI.
- 01Ključni pojmovi infrastrukture: Domena, DNS, Hosting, SSL i ServerUpoznajte se s anatomijom interneta. Što svaki od ovih pojmova točno radi u stvarnom svijetu i kako su međusobno povezani.
- 02Pojmovi razvoja koda: Frontend, Backend, API, Baza i GitRazumijevanje podjele uloga u modernom softveru: što vidi korisnik (Frontend), što obrađuje podatke (Backend), tko ih povezuje (API) i tko čuva verzije (Git).
Modul 2 · Infrastruktura
Domene & DNS Infrastruktura
Sve o zakupu domene (GoDaddy, Namecheap, Cloudflare, CARNET), A i CNAME zapisima, MX email konfiguraciji i SSL certifikatima.
- 03Gdje i kako kupiti domenu (Namecheap, GoDaddy, Cloudflare, CARNET)Domena je vaša digitalna adresa na internetu. Naučite kako izabrati pravi TLD (.com, .hr, .de), zašto paziti na cijenu obnove i kako postaviti Whois privacy.
- 04DNS Zapisi od A do Z: A, CNAME, TXT, MX i NSDNS je telefonski imenik interneta koji prevodi nazive u IP adrese poslužitelja. Savladajte točne zapise bez kojih stranica ne može raditi.
Modul 3 · DevOps & Verzije
Git & GitHub — Verzioniranje Koda
Profesionalno verzioniranje koda na GitHubu, grane, zaštita tajni i rad bez straha od gubitka projekta.
- 05Git i GitHub: Od lokalne mape do sigurnog repozitorija u oblakuGit prati svaku izmjenu vašeg koda, a GitHub ga čuva u oblaku i omogućuje timski rad bez straha od gubitka projekta.
- 06Branch strategija i Pull Requestovi u praksiKako raditi na novim funkcionalnostima bez ugrožavanja žive stranice koja već radi za klijente.
Modul 4 · Hosting & CI/CD
Vercel Deploy & Automatizacija
Povezivanje GitHuba s Vercelom, automatski build proces, preview deployevi za klijente i postavljanje custom domene.
- 07Import projekta s GitHuba i prvi automatski deployKako u 60 sekundi povezati GitHub repozitorij s Vercelom, konfigurirati Node.js postavke i dobiti besplatan SSL certifikat.
- 08Environment Varijable i Povezivanje Domene na VerceluNaučite kako sigurno postaviti API ključeve i povezati vlastitu domenu bez prekida rada.
Modul 5 · Frontend & UI
Frontend Razvoj — Next.js 15, Tailwind & UI Standard
Ovladajte modernim Next.js 15 App Routerom, Server vs Client komponentama, blocky gumbima i dark-tech Zee Design estetikom.
- 09Next.js 15 App Router: Server vs Client komponenteApp Router donosi revoluciju: Server Components se renderiraju na poslužitelju bez slanja JavaScripta klijentu, što jamči 100/100 brzinu.
- 10Zee Design UI Standard: Blocky Buttons, Glassmorphism i Dark EstetikaPravila našeg brenda: zašto zabranjujemo zaobljene "bubbly" gumbe, kako kreiramo duboke tamne tonove (#0A0A09) i neonske glow akcente.
Modul 6 · Backend & Podaci
Baze Podataka — Supabase & PostgreSQL
Postavite PostgreSQL bazu u oblaku putem Supabasea, tablice, relacije, Row Level Security (RLS) i Prisma ORM integraciju.
- 11Supabase: PostgreSQL u oblaku, tablice i tipovi podatakaSupabase pruža moćan PostgreSQL poslužitelj s jednostavnim dashboardom, automatskim REST API-jem i ugrađenim sustavom autentifikacije.
- 12Row Level Security (RLS): Sigurnost podataka na razini retkaRLS je najvažnija sigurnosna značajka Postgresa. Sprječava da jedan korisnik pročita ili izmijeni podatke drugog korisnika.
Modul 7 · E-Commerce & Interakcija
Forme & Plaćanja — Server Actions & Stripe
Izgradite sigurne kontakt forme uz Server Actions, validaciju podataka (Zod), automatsko slanje emailova (Resend) i naplatu karticama (Stripe).
- 13Next.js Server Actions: Obrada formi bez API rutaZaboravite na komplicirano ručno pisanje fetch poziva i API ruta. Server Actions omogućuju pozivanje serverske funkcije izravno iz forme.
- 14Stripe Checkout: Sigurna naplata karticama i WebhookoviKako implementirati plaćanje karticama (Visa, Mastercard, Apple Pay, Google Pay) bez bavljenja osjetljivim podacima o karticama.
Modul 8 · Okruženje
Razvojno Okruženje — AI Studio Prototip & Antigravity Final Build
Službeni agencijski pipeline Zee Designa: od Claude master prompta i scraping podataka, preko AI Studio remixa i zip uploada, do Vercel previewa i Antigravity finalnog builda.
- 15Claude Scraping, Master Prompt & AI Studio Remix: Izrada Brzog PrototipaTajna Zee Design prodaje: Kako iz linkova (Instagram, Facebook, Google Maps, CompanyWall) izraditi Claude Master Prompt, remixati aplikaciju u Google AI Studiju i dobiti live preview na Vercelu.
- 16Antigravity Projekt: Od Prihvaćene Ponude do Finalnog Produkcijskog BuildaČim klijent potvrdi ponudu, preuzimamo repo s GitHuba u Antigravity i gradimo kompletnu produkcijsku aplikaciju: bazu, naplatu, emailove i SEO.
Modul 9 · AI & Produktivnost
Agentic AI — Subagenti, Skills & Pravila
Ovladajte autonomnim agentima: orkestracija subagenata, pravila projekta, Ponytail (lazy senior dev) metodologija i sprječavanje bloata.
- 17Orkestracija agenata: Subagenti, delegiranje i paralelni radKako razbiti kompleksan projekt na specijalizirane subagente: frontend specialist, backend specialist, security auditor i debugger.
- 18Pravila projekta & Ponytail: Lazy Senior Dev metodologijaNajbolji kôd je onaj koji nikada nije napisan. Naučite kako Ponytail filozofija eliminira prekomjerno inženjerstvo i čuva repo čistim.
Modul 10 · Lansiranje
Od Ideje do Lansiranja (End-to-End Checklist)
Korak-po-korak protokol: od kreiranja projekta, konfiguracije domene, do SEO indeksiranja na Google tražilici.
- 19Kompletna kontrolna lista prije puštanja weba u produkcijuPrije nego što klijentu pošaljete poveznicu ili kliknete na objavu, prođite ovu provjerenu kontrolnu listu od 8 faza.
- 20Tehnički SEO, Core Web Vitals i Google Search ConsoleKako osigurati da nova web stranica zauzme prva mjesta na Googleu za lokalne upite.