[03] /WEB_DEV
Archive CMS
- CLIENT
- Formagyar
- ROLE
- Fullstack Developer
- YEAR
- 2025
- STATUS
- LIVE
Next.jsTypeScriptTailwind CSSgray-matter
VISIT_LIVE[ + ][ + ][ + ]1920×1080
Architektúra
A tartalom a fájlrendszerből épül fel: minden projekt egy public/data/portfolio/{category}/{slug}/index.md mappa.
Build-idejű feldolgozás
A oldal beolvassa a mappastruktúrát, parse-olja a frontmattert (gray-matter), a mappában talált képeket és kódfájlokat pedig automatikusan hozzárendeli a projekthez — nincs szükség kézi adatbevitelre.
Ez egy minta-mappa — cseréld le a szöveget, dobj bele képeket és kódfájlokat, azok automatikusan megjelennek az oldalon.
read-projects.ts
typescript
1interface Project {2 slug: string;3 category: CategorySlug;4 content: string; // markdown5}6 7function getAllProjects(): Project[] {8 // beolvassa a public/data/portfolio mappát, és Project[]-et ad vissza9}