logo
  • Projects
  • About
  • Mindfulness
  • Gridsome
  • Blog

Build Your Static Blog With Gridsome [2021 Guide]

In this tutorial we build a gridsome blog from scratch with the most basic starter template. After the last article we'll have a fully working blog. With content in your Git repository, styling with Tailwind CSS, deployment to Netlify, dark mode, Netlify CMS, SEO, and more.

Table of Contents

  • Building a Simple JAMstack Site With Gridsome
  • Loading Data From Markdown Files With Gridsome
  • How to Style Your Gridsome Blog with Tailwind CSS
  • Style Your Markdown Posts With Tailwind CSS in Gridsome
  • Host Google Fonts Yourself For Performance and Privacy In Your Gridsome Blog
  • How to Add Styling to Your Code Blocks in Gridsome [With Shiki]
  • How to Add Tags to Your Posts In Gridsome
  • How to Add ESLint to Gridsome (The Easy Way)
  • How to Set Up Drafts And Schedule Posts To Publish With Gridsome
  • Publish Your Gridsome Blog On Netlify
  • How To Add Dark Mode To Your Gridsome Blog With Tailwind CSS V2
  • How to Make Your Gridsome Site SEO-Ready: Meta-Tags, Sitemap, Robots.txt
  • How to Add Cover Images To Your Gridsome Posts
  • How To Add Forestry CMS to Gridsome
  • Create An Article Series Overview Page With Gridsome
  • How to Add Text to Your Tag Pages in Gridsome
  • How to Add Storybook to Gridsome
  • Vue Components in Markdown With Vue Remark [Gridsome Guide]
  • How to Include Markdown From Other Markdown Files [Gridsome Guide]

This tutorial is now finished! Thank you for taking a look.

Join my Newsletter

Subscribe to get my bi-weekly newsletter and latest articles.

No spam ever. Unsubscribe at any time. More infos in my Privacy Policy.

Copyright 2021. All rights reserved.
Legal Notice | Privacy Policy | RSS Feed | Sitemap