Gridsome Starter Kontent Lumen

Gridsome Starter Kontent Lumen is a minimal, mobile-first blog starter that pairs the Gridsome static site generator with the Kontent headless CMS to produce a lightweight static blog with content managed separately.

What is Gridsome Starter Kontent Lumen?

Gridsome Starter Kontent Lumen is a boilerplate template for creating blogs using Gridsome, a Vue-based static site generator, and Kentico Kontent as the headless content management system. It takes content from a Kontent project and generates a static blog with archive pages for tags and categories. The template is hosted in the Kentico GitHub organization and includes a live demo deployed on Netlify.

Key Features

• Kontent headless CMS integration — Blog content is sourced from a Kontent project; you configure the connection by setting the KONTENT_PROJECT_ID environment variable.
• Gridsome framework — Built on Gridsome (Vue), enabling fast static generation and Vue component-based development.
• SASS and BEM styling — Stylesheets use SASS with BEM-style naming for maintainable CSS.
• Tag and category archives — Posts are automatically organized into tag and category archive pages.
• Google Analytics support — Add your tracking ID in gridsome.config.js to enable analytics.
• Netlify deployment ready — One-click Deploy to Netlify button creates a GitHub repo, builds, and deploys the site.
• MIT licensed — Open-source template free to use and modify.

Who is it for?

• Bloggers seeking a minimal design — The lightweight, mobile-first layout lets you publish without visual clutter.
• Developers using Kontent — The starter is pre-wired for Kontent, so you can manage content in that CMS and publish instantly.
• Gridsome and Vue developers — A ready-made blog structure that you can extend with Vue components and custom styling.
• Netlify users — The included deploy button makes launching a production site quick and straightforward.

Use cases

• Indie bloggers: Create a fast, static blog with no server-side CMS, using Kontent for content editing and publishing.
• Developer portfolios: Run a project journal or portfolio blog with tag and category archives for organization.
• Agencies and freelancers: Set up client blogs by cloning the template, importing the Kontent backup, and passing content management to the client.
• Kontent evaluators: Use the included kontent-backup.zip to restore a sample content structure and explore how Kontent drives a real site.

How does it work?

First, install Node.js and the Gridsome CLI. Next, create your repository from the template, create an empty Kontent project, and import the bundled kontent-backup.zip via the Kontent Backup Manager or Template Manager UI. After publishing the imported items in Kontent, set KONTENT_PROJECT_ID in a .env file, then run npm install and npm run develop for local development or npm run build for a production build.

FAQ

What are the requirements to use this template?

You need Node.js installed locally. For the content side, you'll need a Kontent project and either the Kontent Backup Manager CLI or the Template Manager UI to import the supplied backup file.

Is Gridsome Starter Kontent Lumen free?

Yes, this starter is released under the MIT license, so it is free to use, modify, and redistribute. Hosting and Kontent plan costs are separate and depend on your choices.

How do I deploy to Netlify?

Click the Deploy to Netlify button shown in the README. After authenticating with GitHub and choosing a repository name, Netlify creates a copy of the template in your account, runs the build, and brings you to the deployed site dashboard.

How do I set up Google Analytics?

Add your own tracking ID to gridsome.config.js before deploying to production. The template includes Google Analytics support that picks up that configuration.