Skip to content

A Tutorial to Bundle Cockpit CMS & Nuxt.js in a full JAMstack

Notifications You must be signed in to change notification settings

snipcart/nuxt-cockpit

Repository files navigation

A Tutorial to Bundle Cockpit CMS & Nuxt.js in a full JAMstack

cockpit-nuxt

Exploring: 1) Cockpit CMS, an API-first CMS recommended by a friend, and 2) Nuxt.js, a kickass Vue.js framework (we've wanted to use it ever since we fell in love with Vue).

Covering:

  • How to set up a Cockpit CMS installation & plug it with Snipcart.
  • How to use Nuxt.js static generation to render the frontend of our app.

The result? A full JAMstack app: headless content management, frontend rendered in a JS framework, & shopping through an e-commerce API.

Read full tutorial

See live demo

Enjoy folks!


Build Setup

# install dependencies
$ npm install # Or yarn install

# serve with hot reload at localhost:3000
$ npm run dev

# build for production and launch server
$ npm run build
$ npm start

# generate static project
$ npm run generate

For detailed explanation on how things work, checkout the Nuxt.js docs.