• Korábbi projektek
    Összes projekt
  • Képesítéseim
  • Rólam
  • Beszéljünk
  • Korábbi projektek
    Összes projekt
  • Képesítéseim
  • Rólam
  • Beszéljünk

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.

Úgyhogy úgy döntöttem, hogy újra megírom az egészet Next.js 15-ben és a backend oldalt Strapi-ben készítem el hogy megmaradjon a CMS-szerű felhasználói élmény a WordPressből amikor új projekteket akarok feltölteni. A Strapi egy ingyenes headless CMS keretrendszer, vagyis frontend nélkül biztosít egy tartalomkezelésre szakosodott backend oldalt ahová be tudok jelentkezni jelszóval, feltölteni különféle adatkollekciókat, és azok azonnal elérhetők lesznek API végpontokon illetve GraphQL végponton is, a frontendnek csak le kell őket kérni. Én a gyakorlatban ezen utóbbit használom, hogy ne kérdezzek le feleslegesen több adatot a szerverről mint amennyire az alkalmazásnak tényleg szüksége van.

MEGJEGYZÉS: Egy ismert probléma Firefox böngészőknél, hogy a "Korábbi Projektek" szakasz 3D effektusait 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.


Megnézem a Weboldalt
Címkék: Next.js, NodeMailer, Strapi, Typescript, ImageKit, PostGreSQL, React, Tailwind CSS, GraphQL