Newsletter
Join the Community
Subscribe to our newsletter for the latest news and updates
A Bootstrap 5 starter for Gatsby — fast, accessible, and ready to fork.
A full-stack Next.js TypeScript template focused on functionality over UI, featuring Zustand, TanStack Query, and ESLint 9 support.
Gatstrap is a Bootstrap 5 starter for Gatsby that scaffolds a TypeScript blog with Markdown posts, responsive images, and per-page SEO out of the box.
Gatstrap is a Gatsby starter template that produces a static blog site. It takes configuration from a gatsby-config.ts file and Markdown content from content/posts/ folders, and outputs a production-ready site in public/ when you run pnpm build. The template was built for Gatsby 5.16+ with React 19 and TypeScript strict mode, and it relies on Bootstrap 5.3 via Sass for styling, with no jQuery or Popper dependencies. It is maintained by jaxx2104 and released under the 0BSD license.
tsconfig.json.src/scss/colors.scss and src/scss/fonts.scss before the bootstrap import.content/posts/ as folders containing an index.md with frontmatter; code blocks are highlighted with Prism.gatsby-plugin-image plugin generates optimized, responsive images from hero files like hero.jpg in each post folder.<Head> API injects metadata; siteMetadata in gatsby-config.ts drives the navbar title, SEO tags, and the PWA manifest.pnpm develop, pnpm build, pnpm typecheck, and linting/formatting with Biome; pre-commit and pre-push hooks run checks automatically.gatsby new my-blog https://github.com/jaxx2104/gatsby-starter-bootstrap, then add posts under content/posts/ with frontmatter fields like title, path, category, and date.$purple in src/scss/colors.scss or adjust font tokens in src/scss/fonts.scss.public/, so it can be deployed to Netlify, Vercel, GitHub Pages, or any static file server.The quick start uses gatsby new to clone the repository, then pnpm install and pnpm develop start a local development server at http://localhost:8000. Content is authored as Markdown files inside content/posts/; each post folder contains an index.md file with YAML frontmatter. When you run pnpm build, Gatsby compiles the pages, wraps them in Bootstrap styling via Sass, and writes the static site to public/.
Yes, Gatstrap is free and open source under the 0BSD license, so you can use and modify it without restrictions beyond the license notice.
The template targets Gatsby 5.16+ and React 19, with TypeScript strict mode enabled. The exact versions are pinned in package.json after you create a new project.
No. Bootstrap 5.3 is included via Sass and does not require jQuery or Popper, keeping the bundle smaller and the site faster.
Create a folder under content/posts/ with a name like 2026-06-01-my-post containing an index.md file. That file must include frontmatter with fields such as layout, title, path, category, tags, description, and date.
The main scripts are pnpm develop to start the dev server, pnpm build to create a production build, pnpm typecheck for TypeScript checks, and pnpm lint / pnpm format for Biome-based code quality.
