Kirby is a file-based CMS by Bastian Allgeier. Unlike other systems such as ModX, Typo3 or even Wordpress, it can be set up quickly and yet is very flexible. It also allows extensions using plugins.

This page is a frontend for the great plugin collection of Jens Törnell on Github. Since Github itself is only moderately usable and I always wanted to implement a project with Vue.js, I took the opportunity and built a frontend myself using the Github API.

You can find the site here: https://kirby.directory

I also wrote a blog post about the project: https://flore.nz/blog/kirby-directory

I am Florenz Heldermann and an independent frontend developer from Bremen, Germany. More information can be found on my site, blog or on Twitter. On LinkedIn and Xing I can also be found, but don't even get the idea to reach me there in a timely manner.

Not here at all. Please go to the plugin repository on Github and add an issue. The issue should have a title, a short summary and a link to your Github repository.

Don't ask me, ask the plugin author.

No! That's what the Kirby Support Forum is for.

This site was built using Vue.js, vue-cli (with webpack-simple), VueMarkdown and the Github Api.

Right. This page is currently the only page I have written by myself. Probably as soon as Kirby 3 (with the new built-in Rest API) is released I will use a Kirby installation as backend.

I know. I'm still learning. You can write me an E-mail or create a pull request on Github. And ... don't be mean!

I haven't had time for that yet.

• 20180811 - 1.0: initial release
• 20180812 - 1.1: add images to listitems and some bugfixes
• 20180818 - 1.2: hide broken and deprecated links, global label exclude, better search a11y, small Improvements

• Ask Jens if he agrees that I use his data.
• improved search with cached results
• Vuex State Implementation
• Kirby as content backend
• Github Login / Firebase Integration for faving plugins
• add kirby templates
• think about a bad joke for the last faq point

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

For a detailed explanation on how things work, check out the guide and docs for vue-loader.