gridsome

Posts about Gridsome, the JAMstack framwork for Vue.js.

Publish Your Gridsome Blog On Netlify

July 31, 2020 · 1 min read
Do you already use Netlify? It’s an awesome service to host static websites on a fast and global CDN. They also offer functions, forms, identity, DNS, automatic HTTPS, and much more.

How to Set Up Drafts And Schedule Posts To Publish With Gridsome

July 24, 2020 · 2 min read
Until now, our simple blog lacks two important features: posts in draft state, and automatic publishing of blog posts in the future. Let’s explore how to implement both in a few minutes!

How to Add ESLint to Gridsome (The Easy Way)

July 17, 2020 · 1 min read
The concept we need for categories and tags in Gridsome is taxonomy pages. Every node in Gridsome's GraphQL Schema has a belongsTo field that shows which other nodes are referencing it.

How to Add Tags to Your Posts In Gridsome

July 10, 2020 · 3 min read
The concept we need for categories and tags in Gridsome is taxonomy pages. Every node in Gridsome's GraphQL Schema has a belongsTo field that shows which other nodes are referencing it.

How to Add Styling to Your Code Blocks in Gridsome [With Shiki]

July 3, 2020 · 3 min read
Your code editor has syntax-highlighting. The code in your blog posts should have syntag-highlighting, too.

Host Google Fonts Yourself For Performance and Privacy In Your Gridsome Blog

June 26, 2020 · 3 min read
As of May 2020, at least 88 Million Websites use Google Fonts. Apart from the privacy reasons, soon using a CDN other than your own won’t bring you any performance benefits. So let’s host Google Fonts ourselves!

Style Your Markdown Posts With Tailwind CSS in Gridsome [2020 Guide]

June 19, 2020 · 3 min read
In the last part, we added styling to our Gridsome blog with TailwindCSS. Now we will style our Markdown blog posts, too!

How to Style Your Gridsome Blog with Tailwind CSS [2020 Guide]

June 12, 2020 · 6 min read
In the last part, we built a Gridsome blog based on Markdown files. Now let's add some styling with Tailwind CSS!