A short tour of the Markdown features the starter renders out of the box.

Heading 1

Heading 2

Heading 3

A paragraph with bold, italic, and inline code. Visit the Gatsby site for more.

Blockquotes render with the .blockquote class via the post template.

• bullet one
• bullet two

1. ordered one
2. ordered two

export const greet = (name: string): string => `Hello, ${name}!`

const fib = (n) => (n < 2 ? n : fib(n - 1) + fib(n - 2))

yarn build

{ "name": "gatstrap", "version": "4.0.0" }

Inline code uses the Bootstrap default style: npm install.

Override Bootstrap 5 variables and ship your own brand without forking.

The starter’s design tokens are at src/scss/colors.scss and src/scss/fonts.scss. Anything you set there is picked up by Bootstrap 5 before the framework imports its own defaults, so most brand changes are a two-line edit.

Gatstrap is a Bootstrap 5 starter for Gatsby focused on a fast, accessible blog.

Gatstrap pairs Gatsby 5 with Bootstrap 5 so you can write a blog without fighting the toolchain. Configuration lives in gatsby-config.ts, theme tokens in src/scss/, and your posts here in content/posts/.