Showcase: Nuxt.js + Prismic.io

Live demo

Features

• Based on @nuxtjs/prismic
• Support all different Nuxt.js modes (ssr / spa / static generated)
• Display Prismic Toolbar to quick edit
• Support Prismic Preview mode

Preview mode

See video 🎬

Project setup

Install the dependencies

yarn install

Update the config

• Change to your prismic endpoint
• Update the link-resolver.js

Development server

yarn dev

Then go to http://localhost:3000

Compiles and minifies for production

yarn build

Run in production (with Nuxt.js server)

With Nuxt.js server

You will need a node.js hosting (Heroku, Now, CleverCloud, etc).

yarn start

Statically generated

yarn generate

Then you can upload the ./dist/ directory to any static hosting (Netlify, Surge.sh, GH Pages, etc).

Links

• Nuxt.js
• Prismic
• prismic-nuxt module