Installation

Easily connect your Nuxt.js application to your content hosted on Prismic

Add @nuxtjs/prismic dependency to your project:

yarn add --dev @nuxtjs/prismic
npm install --save-dev @nuxtjs/prismic

Then, add @nuxtjs/prismic to the buildModules section of nuxt.config.js and configure your Prismic API endpoint:

nuxt.config.js
{
  buildModules: [
    '@nuxtjs/prismic'
  ],
  prismic: {
    endpoint: 'https://<REPOSITORY>.cdn.prismic.io/api/v2',
    modern: true
    /* see configuration for more */
  }
}

The modern option allows the module to use future-proof features. If you're new to the module you should leave it on and not worry about it.

More on the modern option in the configuration section.

Finally, you're expected to provide a link resolver function at ~/app/prismic/link-resolver.js:

link-resolver.js
export default function(doc) {
  return '/'
}

More on link resolving on Prismic documentation.

Edit this page on GitHub Updated at Sun, May 28, 2023