johannschopplich / a11y-kirby-vue-starterkit

♿ Kirby + Vue starterkit w/ accessible routing & SEO-friendliness

Hi, I’m Johann. I work somewhere in between development and design —
A JavaScript one-trick pony with an aesthetic sense.

Projects

My current focus is on the Nuxt and Vue development experience.

Multi-Framework

• unlazy: 🪧 Universal lazy loading library for placeholder images leveraging native browser APIs

Nuxt.js & Vue.js

• @nuxtjs/plausible: 🎟️ Plausible Analytics integration for Nuxt
• nuxt-api-party: 🐬 Securely connect to any API with a server proxy and generated composables
• nuxt-prepare: 🦎 Run initialization steps at build time
• nuxt-kql: 🫧 Kirby's Query Language API for Nuxt
• nuxt-gtag: 🔸 Google Tag integration for Nuxt: Google Analytics, Google Ads and more
• vue-stickers: 🍦 One component, multiple fancy sticker variants
• @byjohann/vue-i18n: 🌐 Lightweight internationalization plugin for Vue

Tooling

• @unocss/cli: 🎨 The CLI for UnoCSS. A perfect fit for traditional backends.
• nitro-test-utils: 🧪 Testing environment and utilities for Nitro
• pdfjs-serverless: 🪭 Serverless build of PDF.js for Deno, workers, and other nodeless environments
• kirbyup: 🆙 Official bundler for Kirby Panel plugins

Libraries

• unpdf: 📄 Utilities to work with PDFs in Node.js, browser and workers
• tokenwise: 📐 GPT token estimation and context size utilities without a full tokenizer
• apiverse: ✴️ Unified, pluggable API client management for ofetch, route building and typed OpenAPI clients

Demos / Templates / App Starters

• cacao-kit-frontend: 🍫 Best practice Nuxt and KQL starter for your headless Kirby CMS
• kirby-headless-starter: 🦭 Headless Kirby starter – KQL, Express-esque middlewares & more
• kirby-nuxt-starterkit: 💚 Kirby's sample site – ported to Nuxt 3 and KirbyQL

Kirby Plugins

Commercial

• kirby-live-preview: 🪩 Real-time page preview in the Kirby Panel
• kirby-seo-audit: 🏃 State-of-the-art SEO analysis for Kirby CMS
• kirby-copilot: 🪁 Your everyday AI companion for the Kirby Panel

Open Source

• ⭐️ kirby-content-translator: 🌐 Kirby Panel plugin to translate content at once with DeepL or other services
• kirby-headless: 🦭 Kirby, but headless only – bearer token, Express-esque middlewares & more
• kirby-algolia-docsearch: 🔦 Index and search your Kirby site with Algolia DocSearch
• kirby-serp-preview: 🔍 Kirby Panel plugin for search engine result page previews
• kirby-punctuation-section: ✒️ Insert punctuation marks into your text with a single click

a11y-kirby-vue-starterkit's Issues

App rendered twice on refresh.

Hey,
I just noticed you restructure the template.
My app was rendering twice on refresh ( in production), is this something you fixed in this version?

Composer serve not working

[Sun Apr 5 13:53:54 2020] Failed to listen on 127.0.0.1:8080 (reason: Address already in use) Script php -S 127.0.0.1:8080 -t public/ cliserver.php handling the serve event returned with error code 1
when changing values in composer.json :
[Sun Apr 5 13:56:15 2020] Failed to listen on 127.0.0.2:8080 (reason: Can't assign requested address) Script php -S 127.0.0.2:8080 -t public/ cliserver.php handling the serve event returned with error code 1

Add fonts to this template

Hey,
Thanks for this great template.
I know is out of the scope of the original Kirby template but what would be the best practice to add fonts ( otf,ttf,woff2) files to this template?