https://github.com/snipcart/nuxt-cockpit

A Tutorial to Bundle Cockpit CMS & Nuxt.js in a full JAMstack
https://github.com/snipcart/nuxt-cockpit

cockpit-cms headless-cms jamstack nuxtjs vuejs

Last synced: 10 months ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/snipcart/nuxt-cockpit
• Owner: snipcart
• Created: 2017-08-09T23:17:55.000Z (almost 9 years ago)
• Default Branch: master
• Last Pushed: 2019-02-27T20:55:36.000Z (over 7 years ago)
• Last Synced: 2025-04-14T22:43:46.422Z (about 1 year ago)
• Topics: cockpit-cms, headless-cms, jamstack, nuxtjs, vuejs
• Language: Vue
• Homepage: https://snipcart.com/blog/cockpit-cms-tutorial-nuxtjs
• Size: 56.6 KB
• Stars: 45
• Watchers: 7
• Forks: 6
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          

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

 

![cockpit-nuxt](https://snipcart.com/media/204104/nuxt-cockpit.png)

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](https://snipcart.com/blog/cockpit-cms-tutorial-nuxtjs)

>[See live demo](https://snipcart-nuxtjs-getcockpit.netlify.com/)

Enjoy folks!

***

## Build Setup

``` bash

# 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](https://github.com/nuxt/nuxt.js).