Ga Lily a ainihin aikace-aikace

Ayyukan misali bakwai da aka aiwatar suna nuna yadda za a ɗauki abubuwa marasa kai, a ƙara ado, a kuma aika ainihin gidan yanar gizo. Zaɓi tsarin aikin da kake amfani da shi.

Aikace-aikacen nuni masu cikakken CSS da jagorar hanya

HTML JavaScript

Shafukan HTML masu sauƙi, JavaScript tsantsa, babu kayan gini. Yana shiga kowane mai ɗaukar nauyi na tsaye — cikakke ga ƙananan shafuka da ingantawa a hankali.

→ Duba a GitHub

Svelte + SvelteKit

Aikace-aikacen SvelteKit 3 da ke amfani da runes na Svelte 5. Hanyoyin abubuwa, jagorar hanya bisa fayiloli, da storybook mai ado na kowane ɓangare.

→ Duba a GitHub

React + Next.js

Aikace-aikacen Next.js 16 da ke nuna kowane ɓangare a cikin mahallinsa, tare da TypeScript a ko’ina da shafukan nuni don tsare-tsaren haɗaka.

→ Duba a GitHub

Vue + Nuxt.js

Aikace-aikacen Nuxt 4. <script setup> da Composition API a kowace hanyar nuni.

→ Duba a GitHub

Angular + Analog

Aikace-aikacen Angular 22 + Analog.js. Jagorar hanya bisa fayiloli, sigina, gano canji ba tare da yankuna ba, da cikakken riga-nunin SSG.

→ Duba a GitHub

Blazor Web

Aikace-aikacen Blazor Web mai abubuwan Razor. Mai abokantaka da uwar garke da WebAssembly, tare da tushen .NET 10.

→ Duba a GitHub

Nunjucks + Eleventy

Shafin Eleventy da ke amfani da macro na Nunjucks. Mai kyau ga shafukan tsaye masu yawan abun ciki da har yanzu suke son ainihin tsarin abubuwa.

→ Duba a GitHub

Kowane aikace-aikacen misali yana da siffa iri ɗaya

Don sa tsalle tsakanin tsarin aiki ya zama sananne, kowane aikace-aikacen misali yana ba da:

Hanyar maraba a / da ke gabatar da aikin.
Jerin abubuwa a /components da ke lissafa kowane ɓangare.
Shafin nuni ga kowane ɓangare a /components/<component>.
Ainihin CSS — ba alamomin zane masu ɓoye ba — don ka iya aro salo kai tsaye.
Tafiya ta madannai da sarrafa mayar da hankali masu aiki daga akwatin.

Kana buƙatar ganin yadda aka yi wa ɓangare ɗaya ado?

Buɗe aikace-aikacen misali mai dacewa, je zuwa /components/<name>kuma kwafi alamar rubutu da CSS zuwa aikinka. Aikace-aikacen misali suna amfani da CSS mai sauƙi (ko kusan mai sauƙi) da gangan don ka daidaita su da kowane tsarin da ka fi so.

Kana son marar kai maimakon haka?

Haɗa kowane aikace-aikacen misali da fakitin marar kai da ya dace — su suna buga abubuwa iri ɗaya ba tare da CSS ba, a shirye don alamomin zanenka.

Bincika jerin → Karanta jagorar saitawa