Hrvatska IT zajednica raste, ali informacije o događajima bile su razbacane po Facebook grupama, LinkedIn objavama i pojedinačnim web stranicama organizatora. Nije postojalo centralno mjesto gdje možete pregledati sve nadolazeće konferencije, meetupove i radionice na jednom mjestu.
IT Events (itevents.space) nastao je upravo iz te potrebe.
Problem koji smo rješavali
Organizatori IT događaja u Hrvatskoj imaju isti problem: doseg. Informacija o meetupu u Zagrebu objavi se na LinkedInu, ali to netko u Osijeku ili Splitu nikad ne vidi. Istovremeno, programeri i IT stručnjaci žele pratiti relevantne događaje, ali nemaju vremena pretraživati deset različitih izvora svaki tjedan.
Cilj je bio jednostavan: jedno mjesto, svi IT događaji, pregledan raspored.
Odabir tehnologije
Za platformu ovog tipa razmatrali smo dvije opcije:
WordPress + prilagođeni post type: Brzo za postavljanje, ali ograničavajuće za korisničko iskustvo. Svaka interakcija zahtijeva učitavanje nove stranice, filtriranje je sporo, a prilagodba dizajna zahtijeva borbu s temom.
React SPA (Single Page Application): Brže korisničko iskustvo, trenutačno filtriranje i pretraživanje, potpuna kontrola nad dizajnom. Zahtijeva više inicijalne investicije u razvoj, ali rezultat je znatno bolji.
Odabrali smo React + TypeScript + Vite + Tailwind CSS. Razlog: brzina razvoja, tipska sigurnost, izvrsne performanse i potpuna kontrola nad svakim aspektom korisničkog iskustva.
Tehnički izazovi
Performanse na mobilnim uređajima
Većina korisnika platformu otvara na mobitelu — na putu do posla, između sastanaka, dok čekaju u redu za kavu. To znači da stranica mora biti brza i na sporijim mrežama.
Konkretne optimizacije:
- Code splitting — svaka ruta učitava samo kod koji joj treba
- Lazy loading slika — slike se učitavaju tek kad korisnik scrollne do njih
- Preload kritičnih resursa — fontovi i CSS učitavaju se paralelno s HTML-om
- Minimizacija JavaScript bundle-a — ukupna veličina ispod 250 KB (gzipped)
Rezultat: LCP ispod 1,5 sekunde na 4G mreži.
SEO za SPA aplikaciju
SPA aplikacije imaju inherentni problem s SEO-om: Googlebot vidi prazan <div id="root"> dok JavaScript ne izgradi stranicu. Za platformu koja želi biti pronađena kad netko pretražuje "IT događaji Hrvatska", to je kritično.
Naše rješenje:
- Dinamički meta tagovi kroz
react-helmet-async— svaki događaj ima jedinstveni title, description i OG tagove - JSON-LD strukturirani podaci —
Eventschema za svaki događaj,ItemListza pregled - Sitemap generiran pri buildu — automatski uključuje sve aktivne događaje
- Server-side rendering nije bio potreban — Google danas dobro renderira JavaScript, a pravilni meta tagovi rješavaju većinu izazova
Responzivni dizajn bez kompromisa
Dizajn nije samo "smanji sve za mobitel". Mobilni korisnik ima drugačije potrebe: želi brzo vidjeti datum, lokaciju i link za prijavu. Desktop korisnik želi pregled kalendara i filtriranje po kategorijama.
Koristili smo Tailwind CSS responsive utility klase za potpuno različite layoute na različitim veličinama ekrana — ne samo promjenu veličine, nego reorganizaciju informacijske hijerarhije.
Lekcije naučene
1. Jednostavnost pobjeđuje
Prva verzija imala je filtere po gradu, kategoriji, datumskom rasponu, tipu događaja i organizatoru. Korisnici su koristili samo dva: datum i lokaciju. Ostalo smo pojednostavili.
2. Brzina je značajka
Korisnici ne percipiraju brzinu kao tehničku metriku — percipiraju je kao kvalitetu. Stranica koja se učitava u sekundi ostavlja dojam profesionalnosti. Stranica koja treba tri sekunde ostavlja dojam neozbiljnosti — bez obzira na sadržaj.
3. Hosting u EU je obavezan
Za stranicu koja cilja hrvatsko tržište, server u središnjoj Europi (Frankfurt) smanjuje latenciju za 60-80 ms u usporedbi sa serverom u SAD-u. Na mobilnim mrežama, ta razlika se osjeća.
Rezultat
IT Events platforma danas služi kao centralno mjesto za IT događaje u Hrvatskoj. Stranica je brza, pregledna i pristupačna na svim uređajima. A najvažnije — ispunjava svoju svrhu: povezuje ljude koji žele učiti i dijeliti znanje.
Ako imate ideju za sličan projekt — platformu, web aplikaciju ili stranicu koja treba biti više od obične brošure — javite nam se za besplatnu procjenu.
Trebate pomoć s ovom temom?
ANIM nudi besplatnu procjenu za mala i srednja poduzeća u Hrvatskoj. Javite nam se i razgovarajmo o vašim potrebama.
Besplatna procjena