Kirby Vue Starterkit

Overview

The Kirby + Vue.js starterkit is a project designed to provide a starting point for those interested in using Vue.js with Kirby as a headless CMS. This starterkit offers a simple, zero-setup solution that allows for a 1:1 port of the Kirby 3 starterkit frontend to Vue.js single file components. With this starterkit, users can leverage the standard tools commonly used in modern frontend development.

Features

• Headless CMS integration with Kirby as backend
• Three different frontend flavors: API, JSON, and NUXT
• Support for static site generation with NUXT.js
• Easy installation process with Node.js and npm

Installation

To install the Kirby + Vue.js starterkit, follow these steps:

1. Ensure that you have Node.js with npm installed on your machine.
2. Purchase a valid license for Kirby from https://getkirby.com/buy.
3. Choose the frontend variant that suits your needs (API, JSON, or NUXT).
4. Navigate to the folder of your chosen variant in your terminal using the cd command.
5. Run npm install to install the necessary dependencies.

Summary

The Kirby + Vue.js starterkit is a valuable resource for developers looking to leverage Vue.js as their frontend framework while utilizing Kirby as a headless CMS. With its three different frontend flavors and support for static site generation, this starterkit provides flexibility and ease of use. The installation process is straightforward, and the project offers clear documentation to guide users through setup and usage.