https://github.com/xhostcomweb/vuewp-gridsome-scss-bootstrap-starter

Vue Wordpress Gridsome starter with scss, bootstrap 4 bootstrap-vue and extra bits
https://github.com/xhostcomweb/vuewp-gridsome-scss-bootstrap-starter

Last synced: 3 months ago
JSON representation

Vue Wordpress Gridsome starter with scss, bootstrap 4 bootstrap-vue and extra bits

• Host: GitHub
• URL: https://github.com/xhostcomweb/vuewp-gridsome-scss-bootstrap-starter
• Owner: xhostcomweb
• Created: 2019-09-01T13:53:00.000Z (almost 7 years ago)
• Default Branch: master
• Last Pushed: 2022-12-11T03:59:36.000Z (over 3 years ago)
• Last Synced: 2025-03-02T10:14:28.211Z (over 1 year ago)
• Language: CSS
• Size: 18.3 MB
• Stars: 0
• Watchers: 1
• Forks: 1
• Open Issues: 45
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Vue JS Wordpress starter for Gridsome SASS-SCSS enabled

Avivo theme Demo: https://priceless-nobel-a7290d.netlify.com/

[![Netlify Status](https://api.netlify.com/api/v1/badges/832d4d3e-5b8c-4567-9d76-720e8323c4ef/deploy-status)](https://app.netlify.com/sites/priceless-nobel-a7290d/deploys)

Sass/Scss version with Bootstrap 4 and bootstrap-vue

https://bootstrap-vue.js.org/docs

Enabled for sass/scss in gridsome.config.js file and chainwebpack

## Install & Todo

Install Gridsome first, then clone repo and run yarn.

Can swap out nav, header, footer for your own.

Just change nav and page templates to yours, header and footer in components folder.

4 pages made, Home, About, Blog/News and Contact

Some extra assets in images and img folder, not used yet, and included original NPM and HTML theme files.

## Guide

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

```js

// 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](https://gridsome.org/plugins/@gridsome/source-wordpress).

## Included templates

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