Skip to content
L Luka Piplica
Astro Cloudflare Pages Tigris S3 i18n Web Performance

Arhiv Seje Bajraktarevića

Visokoučinkoviti, višejezični digitalni arhiv izgrađen pomoću Astro.js frameworka i Cloudflare Pages platforme, projektiran za očuvanje i streaming desetljeća multimedijske građe istaknutog bosanskog skladatelja.

2026
Sejo Bajraktarević
Full-Stack i Systems Engineer
Arhiv Seje Bajraktarevića

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:

  1. 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.
  2. 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).
  3. 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.
  4. 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