@agility/agilitycms-nuxt-module

@agility/agilitycms-nuxt-module

Agility CMS integration for NuxtJS

• 📝  Release Notes
• 📖  Documentation

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