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]
  • How To Use Folders And Filenames As Paths For Your Webpages With Gridsome

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

Join my Newsletter

Subscribe to get my monthly newsletter and latest articles.

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

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