Naslovnica
Stranica
Šetnja kroz trojezičnu stranicu — naslovnica, priča o osnutku, devet sekcija djelovanja.
Zašto je teško
Generička predložak stranica rješava "prisutni smo online", ali ne i stvarni problem — stranica kulturnog društva mora nositi gotovo stoljeće institucijskog pamćenja (arhivirane vijesti, povijest osnutka, evidenciju uprave), a pritom ostati stvarno upotrebljiva netehničkom volonterskom osoblju, na tri jezika, bez ikad pogrešnog prijevoda vlastite terminologije organizacije. Većina alata za predloške može učiniti jedno od toga. Nijedan ne radi sva četiri odjednom.
Svaki dio, od vrha do dna.
Naslovnica od vrha do dna
Kako smo to riješili.
Arhiviraj
Priča o osnutku iz 1932., devet sekcija djelovanja i cijela povijest vijesti strukturirani su u pravi, pregledivi arhiv — ne statičnu stranicu "O nama".
Prevedi
Pipeline za automatski prijevod prenosi izvorno samo hrvatski arhiv vijesti na mađarski i engleski — uz predmemoriranje i prilagođeno rukovanje kako nikad ne bi izobličio vlastita imena i termine društva.
Predaj
Prilagođeni admin panel omogućuje netehničkom osoblju da samostalno upravlja vijestima, sekcijama djelovanja, članovima uprave, događajima i dokumentima — bez potrebe za programerom za svakodnevni sadržaj.
Pripadaj
Toplo, uredničko oblikovanje u stilu papira i tinte — ručno izrađeni prijelazi stranica, motiv otrgnutog lista kalendara nadahnut mađarskom narodnom umjetnošću — čini da stranica djeluje kao zajednica koju predstavlja, a ne korporativni predložak.
- React: Interface
- Tailwind CSS: Styling
- Framer Motion: Motion
- Vite: Framework
- TypeScript: Language
- Supabase: Data
- Supabase
Vijesti, sekcije djelovanja, članovi uprave, događaji i dokumenti trebali su stvarnu relacijsku strukturu sa sigurnošću na razini redaka — kako bi volonterski urednik mogao sigurno upravljati sadržajem, a da pritom nikad ne dotakne, niti može pokvariti, išta izvan svoje uloge.
- Vite
Ovo nije SEO-kritični e-trgovački tok — ovo je uredničko, animacijama bogato mjesto gdje admin panel i javna stranica dijele jedan kod. Vite-ova brzina razvoja ovdje je bila važnija od Next.js-ovog mehanizma za renderiranje na poslužitelju, koji ovom projektu nije trebao.
- Framer Motion
Motiv otrgnutog lista kalendara i prijelazi fotografija između stranica trebali su ručno podešenu animaciju uredničkog dojma — ne generički fade. Framer Motionov React-native API omogućio je da se svaki prijelaz izgradi i usavrši uz same komponente, a ne naknadno prilijepi.
Rezultat.
- 3
Jezika — hrvatski, mađarski, engleski
Svaka stranica, uključujući automatski preveden arhiv vijesti, čita se prirodno na sva tri jezika — ne samo statični dijelovi stranice.
- 94
Godina povijesti, konačno arhivirano online
Priča o osnutku, prijašnji članovi uprave i evidencija objavljenih knjiga sada žive na stalnom mjestu, ne razasuti po papirnatim zapisima.
- 0
Programera potrebno za svakodnevni sadržaj
Osoblje samo objavljuje vijesti, dodaje članove uprave i upravlja događajima — prilagođeni CMS bio je stvarni proizvod, ne samo javna stranica.
- Weekly
Automatizirani zadatak održava bazu aktivnom
Malo društvo koje radi na besplatnoj bazi podataka ne mora brinuti o kašnjenjima hladnog starta za svoje članove — planirani zadatak drži je odzivnom.
Cravio
