Kezdőlap
Az oldal
Séta a háromnyelvű oldalon — a kezdőlap, az alapítástörténet, a kilenc szakosztály.
Miért nehéz
Egy általános sablonoldal megoldja azt, hogy "jelen vagyunk az interneten", de nem a valódi problémát — egy kulturális egyesület weboldalának közel egy évszázadnyi intézményi emlékezetet kell hordoznia (archivált hírek, alapítási történet, elnökségi nyilvántartás), miközben valóban használhatónak kell maradnia nem technikai önkéntes személyzet számára, három nyelven, anélkül hogy valaha is félrefordítaná a szervezet saját terminológiáját. A legtöbb sablonépítő ezek közül egyet tud megoldani. Egyik sem mind a négyet egyszerre.
Minden szakasz, elejétől a végéig.
A kezdőlap elejétől a végéig
Így oldottuk meg.
Archiválás
Az 1932-es alapítástörténet, a kilenc szakosztály és a teljes hírtörténet valódi, böngészhető archívummá szerveződött — nem egy statikus "Rólunk" oldallá.
Fordítás
Egy automatikus fordítási folyamat az eredetileg csak horvát nyelvű hírarchívumot magyarra és angolra fordítja — gyorsítótárazással és egyedi kezeléssel, hogy soha ne torzítsa el az egyesület saját neveit és kifejezéseit.
Átadás
Egy egyedi admin felület lehetővé teszi a nem technikai személyzet számára, hogy maguk kezeljék a híreket, a szakosztályokat, az elnökségi tagokat, az eseményeket és a dokumentumokat — fejlesztő nélkül, a napi tartalomkezeléshez.
Tartozz ide
Meleg, papír-és-tinta hangulatú, szerkesztői dizájn — kézzel épített oldalátmenetek, a magyar népművészetből merített, tépett naptárlap motívum — teszi az oldalt olyanná, mint amilyen a közösség, amit képvisel, nem pedig egy vállalati sablonná.
- React: Interface
- Tailwind CSS: Styling
- Framer Motion: Motion
- Vite: Framework
- TypeScript: Language
- Supabase: Data
- Supabase
A híreknek, szakosztályoknak, elnökségi tagoknak, eseményeknek és dokumentumoknak valódi relációs struktúrára volt szükségük sorszintű biztonsággal — hogy egy önkéntes szerkesztő biztonságosan kezelhesse a tartalmat anélkül, hogy valaha is hozzáférne, vagy elronthatná azt, ami a saját szerepén kívül esik.
- Vite
Ez nem egy SEO-kritikus e-kereskedelmi tölcsér — ez egy szerkesztői, animációban gazdag oldal, ahol az admin felület és a nyilvános oldal egy kódbázist osztanak meg. A Vite fejlesztési sebessége itt fontosabb volt, mint a Next.js szerveroldali renderelő gépezete, amire ennek a projektnek nem volt szüksége.
- Framer Motion
A tépett naptárlap motívumnak és az oldalak közötti fotóátmeneteknek kézzel finomhangolt, szerkesztői hangulatú animációra volt szükségük — nem egy általános elhalványulásra. A Framer Motion React-natív API-ja lehetővé tette, hogy minden átmenet a tényleges komponensekkel együtt épüljön és finomodjon, ne utólag legyen rácsapva.
Az eredmény.
- 3
Nyelv — horvát, magyar, angol
Minden oldal, beleértve az automatikusan fordított hírarchívumot is, mindhárom nyelven természetesen olvasható — nem csak az oldal statikus részei.
- 94
Év történelem, végre archiválva online
Az alapítástörténet, a korábbi elnökségi tagok és a kiadott könyvek nyilvántartása most már egy állandó helyen él, nem papíralapú feljegyzésekbe szétszórva.
- 0
Fejlesztő szükséges a napi tartalomhoz
A személyzet maga tesz közzé híreket, ad hozzá elnökségi tagokat és kezeli az eseményeket — az egyedi CMS volt a valódi termék, nem csak a nyilvános oldal.
- Weekly
Automatizált feladat tartja ébren az adatbázist
Egy kis egyesületnek, amely ingyenes adatbázison fut, nem kell aggódnia a hidegindítási késésektől a tagjai számára — egy ütemezett feladat gondoskodik a válaszkészségről.
Cravio
