Rentijer nije samo još jedan alat za iznajmljivače; to je visokoperformansna
SaaS platforma (Property Management System) dizajnirana da riješi specifične
administrativne izazove hrvatskog tržišta. Koristeći Next.js 16, Bun i Supabase,
izgradili smo sustav koji automatizira kritične procese poput eVisitor prijava,
skeniranja dokumenata i sinkronizacije kalendara u realnom vremenu. Rezultat je
proizvod koji pruža nativno mobilno iskustvo bez potrebe za preuzimanjem
aplikacija, eliminirajući birokraciju iz svakodnevice iznajmljivača.
Izazov: Tehnološki dug i administrativna zagušenost
Hrvatski iznajmljivači suočeni su s jedinstvenim nizom problema koji
tradicionalni globalni PMS sustavi ne rješavaju adekvatno:
- Fragmentacija podataka: Ručno usklađivanje kalendara s platformi poput
Airbnba, Booking.com-a i Vrbo-a često dovodi do "double-bookinga". - Birokratski pritisak: Zakonska obveza prijave gostiju u eVisitor u roku
od 24 sata stvara ogroman pritisak, posebno tijekom kasnih dolazaka.
- Porezna kompleksnost: Izračun PDV-a na provizije stranih platformi i
praćenje turističkih članarina često zahtijevaju angažman knjigovođe. - Zastarjela rješenja: Postojeći softveri su često spori, vizualno nepregledni
i loše optimizirani za mobilne uređaje, što je ključno za iznajmljivače koji
su stalno na terenu.
Cilj projekta bio je razviti platformu koja je tehnički superiorna (brzina,
sigurnost, skalabilnost), ali korisnički nevidljiva (jednostavnost korištenja u
tri klika).
Rješenje: Budućnost weba kroz Next.js 16 i PPR
Za razvoj Rentijera odabrali smo najmoderniji tehnološki stack koji omogućuje
maksimalnu brzinu razvoja i vrhunske performanse krajnjeg proizvoda. Korištenjem
Bun runtime-a postigli smo nevjerojatno brzo izvršavanje serverskih funkcija,
dok je Next.js 16 omogućio implementaciju Partial Prerenderinga (PPR).
PPR nam je omogućio da statične dijelove sučelja (poput navigacije i layouta)
isporučimo trenutno, dok se dinamički podaci (poput aktivnih rezervacija) struje
("streamaju") s rubnih poslužitelja (Edge) direktno u komponente. Time smo
eliminirali klasične "loading" ekrane i postigli osjećaj nulte latencije.
1. Unified Calendar: Centralizirani operativni sustav
Umjesto stalnog prebacivanja između različitih ekrana, Rentijer nudi jedan
"Single Source of Truth".
- Inženjerska izvedba: Implementirali smo napredni sustav sinkronizacije
temeljen na ical.js biblioteci. Vercel Cron Jobs periodički osvježavaju
podatke sa svih platformi, pretvarajući konfliktne formate u jedinstveni
objekt. - Real-time ažuriranje: Korištenjem Supabase Realtime tehnologije, svaka
promjena u bazi podataka automatski se reflektira na kalendaru korisnika bez
potrebe za osvježavanjem stranice. Ako gost otkaže na Bookingu, iznajmljivač
to vidi trenutno na svom centralnom kalendaru.
2. Self Check-in i OCR: Kraj ručnog prepisivanja
Najveći pomak u korisničkom iskustvu postignut je kroz automatizaciju
prikupljanja podataka gostiju.
- Sustav skeniranja: Iskoristili smo nativne API-je kamere unutar PWA okvira.
Gost putem sigurnog, jednokratnog linka pristupa sučelju za skeniranje. - Tehnička izvedba: Sustav koristi napredne algoritme za optičko prepoznavanje
znakova (OCR). Slika dokumenta se obrađuje putem Next.js Server Actions,
podaci se validiraju i spremaju direktno u Supabase bazu. Time smo
eliminirali ljudsku pogrešku i skratili proces prijave s 10 minuta na 30
sekundi.
3. eVisitor integracija i sigurnost podataka
Administracija prema državi postala je pozadinski proces.
- Automatizacija prijava: Rentijer se povezuje s eVisitor sustavom i jednim
klikom obavlja prijavu i odjavu gostiju. Svi podaci potrebni za PDV-S
obrasce i TZ uplatnice generiraju se automatski na temelju unesenih
rezervacija. - Sigurnosni protokoli: S obzirom na osjetljivost osobnih podataka,
implementirali smo Supabase Row Level Security (RLS). Svaki upit prema bazi
strogo je izoliran na razini korisnika, osiguravajući da podaci nikada ne
"procure" između različitih iznajmljivača. Sva dokumentacija pohranjena je u
enkriptiranom Supabase Storage sustavu.
4. PWA Arhitektura: Nativno iskustvo bez instalacije
Odabrali smo PWA (Progressive Web App) pristup kako bismo izbjegli ograničenja
App Storea i omogućili korisnicima trenutačni pristup sustavu.
- Tehnička optimizacija: Umjesto teških biblioteka, koristili smo nativni
app/manifest.ts i app/apple-icon.png standarde unutar Next.js 16. To je
osiguralo potpunu kompatibilnost s Turbopackom (build sustavom) i
rezultiralo aplikacijom koja teži tek nekoliko kilobajta, ali se ponaša kao
nativna aplikacija. - Dizajn sustava: Sučelje je izgrađeno pomoću Tailwind CSS 4.x i shadcn/ui
komponenti (Zinc/Luma tema), što osigurava visoki kontrast i čitljivost čak
i pri jakom suncu, što je čest scenarij kod terenskog rada iznajmljivača.
Metodologija razvoja i QA
Kvaliteta koda i stabilnost sustava osigurani su kroz stroge procese:
- Strict TypeScript: Cijeli projekt je tipiziran kako bi se spriječile runtime
pogreške u kritičnim izračunima financija. - Automatsko testiranje: Koristimo Playwright za end-to-end testiranje
kritičnih putanja (poput kreiranja rezervacije i sinkronizacije iCal-a). - Error Monitoring: Sentry prati svaku anomaliju u realnom vremenu,
omogućujući nam proaktivno rješavanje problema prije nego ih korisnik
primijeti. - CI/CD proces: Svaki Pull Request (PR) prolazi kroz automatsku validaciju i
mora referencirati ID zadatka s pripadajućim kriterijima prihvaćanja.
Rezultati: Digitalna transformacija u praksi
Implementacija Rentijer platforme donijela je mjerljive pomake u poslovanju
korisnika:
- 95% uštede vremena na administraciji: Proces od primitka gosta do njegove
prijave u državne sustave sveden je na manje od jedne minute.
0% Double-bookinga: Napredni engine za sinkronizaciju kalendara u potpunosti
je eliminirao pogreške u preklapanju termina.
Lighthouse Performance 90+: Zahvaljujući Bun-u, Tailwindu 4 i PPR
tehnologiji, Rentijer postiže vrhunske rezultate u brzini učitavanja i
pristupačnosti.- Potpuna porezna spremnost: Korisnici dobivaju generirane PDV-S obrasce i
uplatnice spremne za plaćanje, bez potrebe za ručnim izračunima ili dodatnim
konzultacijama.
Rentijer je dokaz da moderna web tehnologija, kada se pravilno primijeni na
specifičan tržišni problem, može drastično poboljšati kvalitetu života
korisnika, pretvarajući sate mukotrpnog administrativnog rada u nekoliko
jednostavnih klikova na mobilnom uređaju.
