JSPM

  • Created
  • Published
  • Downloads 14826
  • Score
    100M100P100Q139769F
  • License MIT

Add Prismic to your NuxtJS project

Package Exports

  • @nuxtjs/prismic

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@nuxtjs/prismic) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

@nuxtjs/prismic Build Status Coverage Status npm version

Headless CMS meets Universal Apps - Nuxt.js module for Prismic.

Installation

$ yarn add @nuxtjs/prismic

Features

  • Batteries Included: Easily access official Prismic JavaScript & Prismic DOM libraries in your Nuxt.js app.
  • Preview Mode: Automatically add Prismic Previews to your site without additional configuration.
  • Compact Configuration: Just add your Prismic repository endpoint and a link resolver and you're good to go.
  • Prismic Components: Accelerate your workflow with ready-to-use Prismic components

Quick Start

Install @nuxtjs/prismic and add the following minimal configuration to nuxt.config.js;

...
modules: [
  '@nuxtjs/prismic'
],
prismic: {
  endpoint: 'https://<REPOSITORY>.cdn.prismic.io/api/v2'
}

Then create ~/app/prismic/link-resolver.js:

export default function (doc) {
  return '/'
}

You can now access Prismic inside your Nuxt.js app through the $prismic variable. Follow our Getting Started guide for further documentation and examples.

Node v8 Support

Since v0.5.0, @nuxtjs/prismic should now work with Node v8 and above. We don't manually test on Node v8, however unit tests will now be tested on both Node v8 and V10 on Travis. There's no guarantees that it'll work as expected, especially after Node v8 drops out of support in January 2020.