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.

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.

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.

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.

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.

Das Artikel-Raster ist ein benutzerdefinierter Block! ⬇️