X-GENESIS
NEST
HALO
SENSAWUNDA
SENSA
WUNDA
STARCROSSEDTWINS-SXT
DRAMA
VISTA
ALLIANZ
LUNE
OO-NEVERSPLIT
SNOOT
UNOO
UNIX
RIFT
CROWNS
LUNE
DRAMA
VISTA
ABYSS
ZZZ-LAST
BUZ
NEON
SKAI
JAW
OZI
NIBZ
WINDI
KRUST
KITE
SWAN
IRIS

Warum Cacao Kit?

Alles, was ich bei der Integration einer Headless-Kirby-Instanz mit Nuxt gelernt habe, ist darin zusammengefasst. Außerdem bietet es eine wohlige Entwicklererfahrung sowie Funktionen wie Internationalisierung.

Warum Nuxt?

Nuxt ist ein Frontend-Framework, das auf Vue.js aufbaut und großartige Entwicklungsfunktionen wie serverseitiges Rendering, automatisch generierte Routen und verbessertes Meta-Tag-Management für SEO bietet.

Semantisches HTML

Das Starterkit verwendet semantische HTML-Elemente, die durch das klassenlose CSS-Framework new.css gestylt werden, um dein Auge zu erfreuen. Du kannst das Stylesheet entfernen, indem du den Link-Tag in der app.vue-Komponente löschst.

Alles ist ein Block.
Cacao Kit

Eines der wichtigsten Verkaufsargumente dieses Starterkits ist der „Block-First-Ansatz“. Ein Block im Vue-Frontend ist nur eine weitere Komponente. Anstatt mehrere KQL-Abfragen für jede einzelne Seite im Frontend zu schreiben, handhaben Blöcke, wie das Layout im Frontend aufgebaut werden soll.

Du kannst natürlich auch KQL-Abfragen an deine Kirby-Instanz von deinen Blockkomponenten aus senden oder Nuxt-Seiten erstellen, wenn dir dieses Setup nicht zusagt.

Cacao vs. Cocoa

Auf Deutsch wird der Begriff „Kakao“ sowohl für die rohe als auch für die verarbeitete Form des Kakaos verwendet, während „Cocoa“ spezifisch für die verarbeitete Form steht.

Der Unterschied zwischen „Cocoa“ und „Cacao“ existiert im Deutschen in der Regel nicht, da beide Begriffe synonym genutzt werden. Die Ursache für diese Unterscheidung in der englischen Sprache liegt in der Entstehungsgeschichte der Wörter begründet.

Artikel gibt's auch

Das Artikel-Raster ist ein benutzerdefinierter Block! ⬇️