Portfólió oldal

Ez az oldal amin épp most állsz :). Nyugodtan nézz körbe ha már itt vagy, nem egy nagy palota de annál csinosabb.

Igazából ez már a második változata a személyes oldalamnak, az első verziót WordPress-ben készítettem egy izolált lokális Apache környezetben (egy virtuális gépen amire egy WAMP stack-et telepítettem), aztán egy bővítménnyel generáltam egy statikus másolatot az oldalról amit már fel lehetett tölteni olyan ingyenesen használható hoszt platformokra is mint például a Vercel. Semmi PHP, semmi adatbázis, csak sima HTML és CSS amit bárhova fel lehet tenni. Egy nagyobb hátránya volt a dolognak, hogy így mindig újra kellett generálnom a weboldalt valahányszor megváltoztattam valamit, és maga a WordPress is limitált a maga nevében, hiszen vagy csak létező elemekből építkezel, vagy írsz egy saját bővítményt csak magadnak csak arra az egy esetre.

Úgyhogy úgy döntöttem, hogy inkább újra megírom az egészet Next.js 15-ben és a backend oldalt egy headless CMS keretrendszerrel készítem el hogy megmaradjon a tartalomkezelős felhasználói élmény a WordPressből amikor új projekteket akarok feltölteni. Első változatban a Strapi nevű ingyenes CMS rendszert használtam, amit majd később lecseréltem a PayloadCMS-re, mindkettő egy tartalomkezelésre szakosodott backend ami frontend nélkül biztosít egy admin dashboard oldalt ahová be tudok jelentkezni jelszóval, feltölteni különféle adatkollekciókat, és azok azonnal elérhetők lesznek API illetve GraphQL végpontokon, a frontendnek csak le kell őket kérni. Én a gyakorlatban ezen utóbbit használom (mármint a GraphQL-t), hogy ne kérdezzek le feleslegesen több adatot az adatbázisból mint amennyire az alkalmazásnak tényleg szüksége van. A Payload-nak viszont annyi előnye van a Strapi-vel szemben hogy egyrészt kevesebb helyet használ az adatbázisban, de főként egy kifejezetten Next.js-re specializált CMS amit nem kell egy külön háttérszerverről kiszolgálni, ugyanazon a gépen él mint a frontendem és még a forráskódja is az applikáció része.

MEGJEGYZÉS: Egy ismert probléma Firefox böngészőknél, hogy a "Korábbi Projektek" szakasz 3D effektusait kicsit furcsán jeleníti meg ahogy lejjebb görget a felhasználó. A többi böngészőnél nem áll fenn ez a probléma, sőt, érdekes módon még más Firefox alapú böngészők közül is van olyan ahol minden úgy néz ki ahogy kell. Ezért végül úgy döntöttem, hogy felhasználói diszktrécióra hagyatkozva hozzáadok egy lebegő gombot a jobb alsó sarokba amivel "ki tudod nyújtani" a listát egy laposabb 2D nézetbe ha a te böngésződet is érinti ez a bug.