logo
  • Projects
  • About
  • Contact
  • Gridsome
  • Blog

Build Your Static Blog With Gridsome [2020 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
  • 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]

This tutorial is work in progress and will contain about 18 lessons when completed. Subscribe below and I'll notify you when I add another article!

Join my Newsletter

Subscribe to get my 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