This module is not yet compatible with Nuxt 3
Head over to v2.nuxt.com

agility-cms
@agility/agilitycms-nuxt-module

Agility CMS Integration for Nuxt

@agility/agilitycms-nuxt-module

npm versionnpm versionLicense

Agility CMS integration for NuxtJS

Features

  • Sync Support for Ultra-fast build times
  • Full page routing and static rendeer
  • Easy async data loading for additional components

Setup

1. Add @agility/agilitycms-nuxt-module dependency to your project

yarn add @agility/agilitycms-nuxt-module
#or
npm install @agility/agilitycms-nuxt-module

2. Add @agility/agilitycms-nuxt-module to the buildModules section of nuxt.config.js

{
  buildModules: [
    '@agility/agilitycms-nuxt-module',
  ],
  agilitycms: {
    // module options
    channelName: "website",
    languages: ["en-us"],
    includeLanguageCodeInUrl: false,
    pageComponentPath: "src/AgilityPage.vue"
  }
}

3. Add your Agility CMS instance guid and api keys to .env

AGILITY_GUID=
AGILITY_API_FETCH_KEY=
AGILITY_API_PREVIEW_KEY=

4. Use the $agilitycms global object to access your Agility CMS Sitemap, Pages and Content.

See the example Agility CMS Nuxt Blog repo for a full example.

https://github.com/agility/agility-nuxt-blog

License

MIT License