Milligram CSS Vue JS Wordpress starter for Gridsome

http://irate-popcorn.surge.sh Example

Install & Todo

Install Gridsome first, then clone repo and run yarn. Fix single posts page top padding/margin etc Posts.vue Used Milligram CSS direct in assets folder, with nav styles at bottom.

Guide

Add your WordPress URL to the plugin options. Already done here, change to required field in gridsome.config and netlify.toml

// gridsome.config.js

module.exports = {
  plugins: [
    {
      use: '@gridsome/source-wordpress',
      options: {
        baseUrl: 'YOUR_WEBSITE_URL', // required
        typeName: 'WordPress', // GraphQL schema name (Optional)
        routes: {
          post: '/:year/:month/:day/:slug', //adds route for "post" post type (Optional)
          post_tag: '/tag/:slug' // adds route for "post_tag" post type (Optional)
        }
      }
    }
  ]
}

See all options.

Included templates

This starter includes basic templates for categories, tags and posts, Home, About and News page.