Kirby Nuxt Starterkit

screenshot of Kirby Nuxt Starterkit
nuxt

Kirby's sample site – ported to Nuxt and Kirby Query Language

Overview:

The Kirby Nuxt Starter Kit is a port of the Kirby Starter Kit to Nuxt 3. It allows users to fetch content using the nuxt-kql module from Kirby Headless Starter, which is a headless instance of the Kirby CMS. The kit provides several key features such as Kirby Query Language integration, component-based Kirby Blocks, global site data similar to Kirby's $site, pre-defined query collections, SSR generated SEO metadata, and pre-configured VSCode settings.

Features:

  • Kirby Query Language with nuxt-kql: Allows users to fetch content using the Kirby Query Language integrated with the nuxt-kql module.
  • Component-based Kirby Blocks: Enables the creation of reusable blocks using components.
  • Global site data similar to Kirby's $site: Provides global site data that is similar to Kirby's $site variable.
  • Collections for pre-defined queries: Allows users to create collections for pre-defined queries.
  • SSR generated SEO metadata: Generates SEO metadata during server-side rendering.
  • Prettier & ESLint: Includes pre-configured Prettier and ESLint settings.
  • Pre-configured VSCode settings: Provides pre-configured VSCode settings for easy development.
  • And much more!: Offers several other features to enhance development with the Kirby Nuxt Starter Kit.
nuxt
Nuxt

nuxt.js is a lightweight and flexible JavaScript framework that allows developers to easily build dynamic and reactive user interfaces. Its intuitive syntax, modular architecture, and focus on performance make it a popular choice for modern web development.

eslint
Eslint

ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.

typescript
Typescript

TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.