Ukratko o projektu
Primarni cilj ovog projekta bio je digitalizirati, strukturirati i sačuvati desetljeća raznovrsnog umjetničkog rada Seje Bajraktarevića, istaknutog bosanskog skladatelja i multimedijskog umjetnika. Naslijeđeni sadržaj obuhvaćao je više vrsta medija, uključujući audio zapise visoke vjernosti (high-fidelity), simfonijske partiture i dugometražne dokumentarne filmove.
Glavni izazov bio je transformirati ovaj masivni, neorganizirani katalog u besprijekorno, moderno web iskustvo. Uspjeh je značio isporuku gotovo trenutačne brzine učitavanja na globalnoj razini, osiguravanje neprobojnog medijskog streaminga bez opterećenja poslužitelja i pretvaranje cijelog arhiva u potpuno pristupačan sadržaj za međunarodnu publiku na više jezika.
Što sam izgradio
Projektirao sam i implementirao visoko optimizirani, headless digitalni arhiv koristeći moderan Jamstack pristup kako bih eliminirao tradicionalno upravljanje poslužiteljima i probleme sa skaliranjem.
- Framework: Izgrađen pomoću Astro.js-a kako bi se iskoristila njegova stroga "Zero JS by Default" arhitektura otoka (island architecture). To osigurava da stranice s teškim sadržajem šalju minimalni JavaScript u klijentski preglednik, zadržavajući gotovo trenutačne osnovne brzine učitavanja.
- Cloud infrastruktura: Aplikaciju sam postavio putem Cloudflare Pages platforme, pomičući cijeli pipeline isporuke na globalnu edge mrežu kako bih zajamčio ultra nisku latenciju i maksimalno vrijeme neprekidnog rada (uptime).
- Odvojeno upravljanje resursima (Decoupled Asset Management): Za rukovanje datotekama visoke rezolucije bez napuhavanja deployment paketa (deployment bundle), integrirao sam Tigris Object Storage (S3 kompatibilno spremište podataka). Svi multimedijski resursi velikih razmjera izolirani su ovdje i učinkovito se poslužuju putem namjenske, cache-optimizirane medijske poddomene.
- Višejezična arhitektura (i18n): Implementirao sam sveobuhvatnu mrežu usmjeravanja i prevođenja s nativnom podrškom za četiri jezika: bosanski, engleski, španjolski i njemački, osiguravajući da je kulturni arhiv u potpunosti pretraživ na globalnoj razini.
Proces
Projekt je pratio strogi inženjerski pipeline od agregacije resursa do konačnog deploymenta na edge mrežu:
- Analiza podataka i dizajn sheme: Analizirao sam masivnu zbirku sirovih datoteka kako bih pronašao zajedničke obrasce. Strukturirao sam čistu, ponovljivu shemu metapodataka koja može neometano upravljati audio, video i tekstualnim zapisima.
- Priprema infrastrukture (Provisioning): Postavio sam Tigris S3 bucket-e i konfigurirao sigurnosne politike, CORS pravila i namjenski poddomenski proxy kroz Cloudflare mrežu kako bih maskirao izvorne krajnje točke pohrane (storage endpoints).
- Optimizacija pipelinea: Razvio sam prilagođene blokove za renderiranje unutar Astro-a kako bi se elegantno rukovalo teškim ugrađenim video elementima, koristeći tehnike lijenog učitavanja (lazy-loading) kako bih osigurao da preglednik ne blokira početno iscrtavanje stranice dok dohvaća video playere trećih strana.
- Mapiranje lokalizacije: Konfigurirao sam rječnike lokalizacije i tablice usmjeravanja s prefiksima jezika, verificirajući da se svaki unos u strukturiranoj kolekciji ispravno mapira kroz sve četiri jezične varijante.
Rezultati
Aplikacija je uspješno prebačena iz lokalnog razvoja u produkciju sa sjajnim metrikama performansi:
- Edge-First isporuka: Resursi stranice se keširaju i isporučuju izravno s najbližeg Cloudflare edge čvora, što rezultira zanemarivim TTFB-om (Time to First Byte) na globalnoj razini.
- Nula održavanja infrastrukture: Razdvajanjem prezentacijskog sloja (Astro) od sloja za pohranu objekata (Tigris/S3), arhiv je u svojoj bazi serverless, što znači da se automatski skalira na tisuće istodobnih posjetitelja uz praktički nula troškova hostinga.
- Očuvanje kulture: Uspješno je objedinjen razbacani, desetljećima star fizički portfelj u jednu digitalnu knjižnicu visokih performansi koja služi kao trajni uvid u rad vrhunskog umjetnika.
Galerija projekta