storyblok/nuxtwebsite

A simple Nuxt.js setup to create websites with blog feature using Storyblok as CMS and Netlify to deploy it.

NuxtWebsite [WIP]

A simple Nuxt.js setup to create websites with blog feature using Storyblok as CMS and Netlify to deploy it.

Preview:

http://quizzical-wing-54a27d.netlify.com/

Getting Started

Will be done after Seed script is ready.

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 and Storyblok.

Features / Todo

• Feature List
• NuxtJS Setup
• Basic Storyblok Setup
• Startpage
• Basic Responsive Styling
• Post Detail
• Post Overview
• Editable Post Detail
• Autogenerated Post Overview
• Author Detail
• Author Overview
• Editable Author Detail
• Autogenerated Author Overview
• One Post has one Author (Storyblok field type "Link")
• Use Storyblok resolve_links to resolve author links
• Add posts of author to author detail via Storybloks filter_query
• Add Basic Header
• Add Basic Footer with Link to Github
• Basic Header Stylings
• Maintenable Header
• Automatically optimize images using Storybloks Image Service
• Enable Storyblok Live Preview & Side By Side editing
• Add and Optimize images to Markdown
• Export basic styles into variables
• Implement nuxt generate for routes
• On Generate: Switch from Draft to Published content version
• Seed Components
• Seed Script
• Getting Started Guide
• Netlify Deployment
• more more more?

nuxtwebsite's Issues

app.$storyblok is undefined even when loaded in editor

I am looking to customize the storyblok init() function to include a customParent parameter, however everytime this function runs, app.$storyblok is undefined.

Any ideas as to why this would be? My entire nuxt.config.js file is identical to this project...