Back to templates

Template details

Gridsome Forestry Starter

A Gridsome starter kit pre-configured with Forestry CMS for building blogs and portfolios, deployed on Netlify.

About this template

Gridsome Forestry Starter is a boilerplate project that couples the Gridsome static site generator with Forestry as a git-backed CMS, giving developers a pre-configured blog or portfolio that editors can update from a web interface.

What is Gridsome Forestry Starter?

Gridsome Forestry Starter is a starter kit by Nichlas W. Andersen that combines Gridsome, a Vue-based static site generator, with Forestry, a content management system that stores content in Git. It takes an empty Gridsome project and adds the Forestry configuration, so you can manage blog posts or portfolio items through Forestry's dashboard while the site is built and deployed as static HTML on Netlify. The repository includes the full project structure, dependency files, and Netlify build settings.

Key Features

  • Gridsome integration — Built on Gridsome, so you get Vue components, GraphQL data layer, and local development via npm run develop after installing the Gridsome CLI globally.
  • Forestry CMS pre-configuration — The repository is pre-wired for Forestry; importing the repo via the Quick Start link lets you edit content in a web UI, and changes are committed back to the repository automatically.
  • Netlify one-click deploy — Configure Netlify with build command gridsome build and publish directory dist; deploys trigger on git push or when saving documents in Forestry.
  • Blog and portfolio focus — Repository topics list both "blog" and "portfolio", indicating the starter is designed for these two common static-site use cases.
  • Starter maintained by a single developer — Created by Nichlas W. Andersen, a known author in the Gridsome community.
  • Community traction — The repository has earned 135 stars on GitHub, showing usage and interest from other developers.

Who should use Gridsome Forestry Starter?

  • Developers who want a jumpstart on a Gridsome blog or portfolio without configuring a CMS from scratch, since the starter already wires Gridsome and Forestry together.
  • Content editors and non-technical site owners who need a web-based dashboard to write posts and pages, because Forestry provides an editing interface while keeping content in Git.
  • Netlify users who prefer automatic deployments, as the starter's docs specify exact build commands and publish directories for Netlify CI.

What can you do with Gridsome Forestry Starter?

  • Launch a blog — Use the starter's Gridsome and Forestry setup to run a blog where articles are drafted and edited in Forestry, then built into a static site on Netlify.
  • Create a portfolio site — Leverage the same pipeline for a personal portfolio, using Forestry to manage project entries and Netlify for hosted delivery.
  • Preview changes — The Forestry/Netlify workflow means every saved draft can trigger a production build, allowing immediate preview of content changes.

How does Gridsome Forestry Starter work?

  1. Install the Gridsome CLI globally with npm install --global @gridsome/cli.
  2. Clone or download the repository, then run npm install to fetch dependencies and npm run develop to start the local development server.
  3. Import the repository into Forestry using the provided Quick Start link, which reads the existing configuration and connects the CMS to your Git repo.
  4. Deploy on Netlify by creating a new site, importing the repo, setting the build command to gridsome build, and the publish directory to dist. Saving documents in Forestry or pushing to Git automatically rebuilds the site.

screenshot of Gridsome Forestry Starter on template0.com