Portfólió weboldal
Kétnyelvű, kereshető tudásportfólió
Statikus Astro-oldal angolul és magyarul, amely a projekteket, a technológiai jegyzeteket és a kutatásokat kapcsolataikkal együtt mutatja be, kliensoldali kereséssel és kapcsolatgráffal, szerver és harmadik feles szolgáltatás nélkül.
- nyelv
- 2
- tartalomgyűjtemény
- 4
- harmadik feles szolgáltatás
- 0
- Lighthouse CI kategória
- 4
- Cél
- Ne csak a kész projektek látszódjanak, hanem a mögöttük lévő tudás is: milyen technológiát használ egy projekt, melyik nyelv valósítja meg, és milyen kutatás alapozta meg a döntéseket, két nyelven, ingyenes statikus tárhelyen.
- Megoldás
- A tartalom sémával ellenőrzött JSON content collectionökben van; minden bejegyzésnek mindkét nyelvi változata megvan. Minden oldal egy közös nézet két vékony route-wrapperrel. A keresési index nyelvenként build-időben készül, és első használatkor töltődik be; a kapcsolatgráf ugyanezekből a gyűjteményekből épül. A telepítést és a Lighthouse CI-t GitHub Actions futtatja.
- Eredmény
- Élő oldal, ahol egyetlen tartalomfájl felvétele frissíti a listaoldalakat, a detail oldalt, a kapcsolatgráfot és a keresési indexet. A keresés ékezet nélkül, elgépelve és toldalékolt magyar szavakra is működik.
- Sémával ellenőrzött tartalom: a hibás bejegyzés build hibát ad, nem üres mezőt
- Globális (Ctrl/Cmd+K) és szekciónkénti keresés nyelvenként egy előre generált indexből
- A tartalom kapcsolataiból generált kapcsolatgráf, keresési kiemeléssel és reduced-motion támogatással
- hreflang-párok, JSON-LD, sitemap és nyelvi ajánló banner, amely soha nem irányít át
- Lighthouse CI minden pushra és pull requestre
Működés
A projektek, technológiák, kutatások és tanúsítványok content collectionök. A kapcsolatok azonosítóként tárolódnak: a projekt a használt technológiai jegyzetekre, a kutatás a projektjére mutat. A listaoldalak, a detail oldalak, a keresési index és a kapcsolatgráf build-időben ezekből a kapcsolatokból generálódik.
Minőségellenőrzés
A build minden tartalomfájlt ellenőriz a sémája alapján. Egy kulcsparitás-ellenőrzés szinkronban tartja az angol és a magyar szövegeket, a Lighthouse CI pedig rögzített küszöbökkel ellenőrzi a teljesítményt, az akadálymentességet, a best practices pontokat és a SEO-t.