Lulebora Dual-Engine Web Ecosystem
Dizajn dhe inxhinieri nga fillimi deri në fund e dy platformave të pavarura — lulebora.al (studio komerciale) dhe qendra.lulebora.al (OJQ) — me grafikun e njohurive schema.org dhe vendosjen edge.
Ky sistem vendos infrastrukturën digjitale fondamentale për organizatën Lulebora. Dy platformat ndajnë një sistem marke dhe grafik semantik njohurish por operojnë si aplikacione plotësisht të pavarura të vendosura veçmas. Sfida e dizajnit ishte të mbajë koherencën midis një identiteti komercial dhe atij kulturor pa i shembur në një platformë të vetme.
Një organizatë me entitet dual kërkonte dy pranie web të dallueshme që janë semantikisht të lidhura por operacionalisht të pavarura. Një platformë e vetme do të ngatërronte identitetet komerciale dhe kulturore. Ndërtimi i dy faqeve të palidhura do të humbiste përfitimin semantik të identitetit të përbashkët organizativ.
Dy aplikacione të veçanta Next.js 15 u zgjodhën sepse kërkesat e vendosjes, përmbajtjes dhe audiencës së secilës platformë janë thelbësisht të ndryshme. Lidhja semantike zbatohet nëpërmjet JSON-LD schema.org: entiteti Organization në lulebora.al deklaron një subOrganization që tregon drejt entitetit NGO në qendra.lulebora.al, i cili nga ana e tij deklaron parentOrganization prapa.
System Layers
- Two independent Next.js 15 applications with shared brand identity
- Bilingual routing (EN/SQ) via cookie-based locale — no URL prefix required
- Schema.org Organization → NGO → ProfessionalService JSON-LD hierarchy
- Supabase events system with bilingual content and Row Level Security
- Dynamic /events/[slug] routes with ISR and full Event JSON-LD
- /chess institutional pillar page with SportsOrganization schema
- Structured /work case studies with PAESO format and expandable detail sections
- 45-entry sitemap with canonical + EN/SQ alternates
- Security headers on both domains (X-Frame-Options, CSP-ready)
- robots.txt with /admin restriction on NGO domain
- MobileMenu with full-screen overlay, aria-dialog, body scroll lock
- CSS Modules throughout — zero runtime overhead, no Tailwind dependency
Grafiku i njohurive është dizajni i skemës. Organization (@id: lulebora.al/#organization) deklaron hasOfferCatalog me gjashtë shërbime ProfessionalService dhe subOrganization që tregon drejt OJQ (@id: qendra.lulebora.al/#organization). OJQ deklaron parentOrganization prapa tek studio. Programi i shahut është SportsOrganization i mbivendosur nën OJQ.
Dy platformat ndajnë një estetikë katrore — zero border-radius, tipografi sistemi, paraqitje grille të strukturuara — por përdorin ngjyra marke të dallueshme. lulebora.al përdor brand-pink; qendra.lulebora.al përdor amber të ngrohtë. Strukturat e navigimit janë të ndryshme me dizajn.
Headers e sigurisë janë konfiguruar në mënyrë identike në të dy domenët. Të dy skedarët robots.txt janë prezentë. Platforma OJQ shton Disallow: /admin. Të gjitha linkut e jashtëm ndër-domenët përdorin rel="noopener noreferrer". Çelësi anon Supabase është kredenciali i vetëm publik.
Të dy platformat përdorin Incremental Static Regeneration (ISR). Faqet statike shërbehet drejtpërdrejt nga cache edge e Cloudflare pa llogaritje runtime. Modulet CSS prodhojnë injektim stilesh zero-runtime. MobileMenu është komponenti i vetëm i klientit në faqet marketing.
Dy platforma produksioni live në Cloudflare Pages të shpërndara globalisht. Grafiku i njohurive schema.org është zbatuar dhe i crawlable. Sistemi i ngjarjeve është live me të dhëna Supabase. Arkitektura e studimit të rastit ofron një shabllon të ripërdorshëm.
Shtresa tjetër është një infrastrukturë e përbashkët analitike. Kërkimi vektorial nëpërmjet pgvector do të mundësonte zbulimin semantik nëpër studime rastesh, ngjarje dhe përmbajtje projektesh. Arkitektura e studimit të rastit /work është projektuar të jetë eventualish e drejtuar nga CMS.
Ndërtoni infrastrukturë të ngjashme për organizatën tuaj.