@agility/agilitycms-nuxt-module

Nuxt integration for Agility CMS

Usage no npm install needed!

<script type="module">
  import agilityAgilitycmsNuxtModule from 'https://cdn.skypack.dev/@agility/agilitycms-nuxt-module';
</script>

README

@agility/agilitycms-nuxt-module

npm version npm version License

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