Gridsome Starter Bootstrap

Overview

The Gridsome starter bootstrap is a starter project for Gridsome that comes with many features. It utilizes Bootstrap for powerful styling and layout. The project is designed to use Netlify, Forestry, and GitHub, all of which offer free tiers for their services, eliminating the need for costly hosting fees.

Features

• Gridsome: Vue.js & GraphQL powered framework for generating static files.
• Bootstrap & Bootstrap Vue: Powerful styling and layout with styled Vue components.
• Sass: Professional grade CSS extension with many features.
• Forestry.io: CMS that uses the GitHub repo for storage.
• Markdown: Easy and widely used format for writing content.
• Netlify forms: Ready-to-use Netlify forms after deployment.
• Google Analytics: Easily add your tracking ID in the config.
• Sitemap generator: Automatically generates a sitemap.xml file.

Forestry Installation

1. Click on the "Import this project into Forestry" button.
2. Follow the instructions to create a GitHub repository and import the data to the CMS.

Netlify Config

Use the following build config for Netlify:

• Build command: gridsome build
• Publish directory: dist

Manual Installation (without CMS)

If you haven't already installed Gridsome CLI, run the following command:

npm install --global @gridsome/cli

Clone the starter project and navigate to the folder:

gridsome create my-gridsome-site https://github.com/LokeCarlsson/gridsome-starter-bootstrap.git
cd my-gridsome-site

Start the local development server at http://localhost:8080:

yarn dev

Summary

The Gridsome starter bootstrap is a feature-rich starter project for Gridsome that utilizes Bootstrap for powerful styling and layout. It integrates with Netlify, Forestry, and GitHub to provide an easy and cost-effective solution for hosting and content management. With its ready-to-use features and easy installation process, developers can quickly get started with building their Gridsome projects.