Ara Lily f’applikazzjonijiet reali
Seba’ proġetti ta’ eżempju kompluti juru kif tieħu l-komponenti headless, iżżid l-istilizzazzjoni u toħroġ websajt reali. Agħżel il-framework li tuża.
Applikazzjonijiet demo b’CSS sħiħ u routing
HTML JavaScript
Paġni HTML sempliċi, JavaScript pur, l-ebda għodda tal-bini. Jidħol fuq kwalunkwe host statiku — perfett għal siti żgħar u titjib progressiv.
Svelte + SvelteKit
Applikazzjoni SvelteKit 3 li tuża runes ta’ Svelte 5. Rotot tal-komponenti, routing ibbażat fuq fajls u storybook stilizzat ta’ kull komponent.
React + Next.js
Applikazzjoni Next.js 16 li turi kull komponent fil-kuntest, b’TypeScript mal-kollox u paġni demo għal xejriet komposti.
Vue + Nuxt.js
Applikazzjoni Nuxt 4. <script setup> u l-Composition API fuq kull rotta demo.
Angular + Analog
Applikazzjoni Angular 22 + Analog.js. Routing ibbażat fuq fajls, signals, skoperta tal-bidliet mingħajr zones u pre-renderjar SSG sħiħ.
Blazor Web
Applikazzjoni Blazor Web b’komponenti Razor. Ħbiberija mas-server u WebAssembly, bil-bażi .NET 10.
Nunjucks + Eleventy
Sit Eleventy li juża makrows Nunjucks. Ideali għal siti statiċi rikki fil-kontenut li xorta jridu sistema reali ta’ komponenti.
Kull applikazzjoni ta’ eżempju għandha l-istess forma
Biex it-tbandil bejn frameworks iħossu familjari, kull applikazzjoni ta’ eżempju tipprovdi:
- Rotta ta’ merħba fuq
/li tintroduċi l-proġett. - Indiċi tal-komponenti fuq
/componentsli jelenka kull komponent. - Paġna demo għal kull komponent fuq
/components/<component>. - CSS reali — mhux tokens tad-disinn astratti — biex tissellef l-istili direttament.
- Navigazzjoni bit-tastiera u ġestjoni tal-fokus li jaħdmu mill-kaxxa.
Trid tara kif komponent wieħed huwa stilizzat?
Iftaħ l-applikazzjoni ta’ eżempju rilevanti, mur fuq
/components/<name>u ikkopja l-markup u s-CSS fil-proġett tiegħek. L-applikazzjonijiet ta’ eżempju apposta jużaw CSS sempliċi (jew kważi sempliċi) biex tadattahom għal kwalunkwe sistema li tippreferi.
Trid headless minflok?
Akkoppja kwalunkwe applikazzjoni ta’ eżempju mal-pakkett headless korrispondenti — dawk jippubblikaw l-istess komponenti mingħajr CSS, lesti għat-tokens tad-disinn tiegħek stess.