GatsbyReactStarter

gatsby-starter-site — Gatsby Starter Template

By rusi

A minimal Gatsby starter template with a Bootstrap navbar, Typography.js typography, and Highlight.js code highlighting, suited for quickly setting up a static site skeleton.

Explore the design

Compare the page layouts and mobile experience. Open any screenshot for a closer look.

2 previews
Desktop homepage1 / 2
Desktop captureTop of page

Actual screenshot captured by the server browser.

All pages & views 2

Screenshots show visual appearance; interactive behavior may differ.

Recorded 2026-10-02View source

What stands out

A quick read of the recorded project description.

01

Minimal Gatsby starter providing a static site foundation

02

Overrides default html and page templates and replaces Gatsby's built-in html and markdown wrappers

03

Markdown wrapper integrates Highlight.js for syntax highlighting of code blocks

04

Includes TypographyJS for typography

05

Uses Bootswatch Bootstrap styles with a navbar; theme can be changed by swapping stylesheets

06

README provides a Netlify deploy button and installation and development commands

Template Details

This template is a Gatsby starter published by rusi on GitHub, positioned as a minimal static site starting point. The README shows it is installed via `gatsby new your-site-dir gh:rusi/gatsby-starter-site`, started in development with `gatsby develop`, and provides a Netlify deploy button.

The template overrides several Gatsby defaults: creating `/html.js` in the root replaces the default HTML template, and `/pages/_template.js` replaces the default page template; the project also overrides Gatsby's built-in html and markdown wrappers and adds extra wrappers with reference to the clean starter. The markdown wrapper md.js uses Highlight.js for syntax highlighting of code blocks, with style files placed in the css/ directory.

For typography, TypographyJS is included; the interface uses Bootstrap styles from Bootswatch and adds a navbar, and the theme can be changed by including a different Bootstrap stylesheet in html.js. The repository's last update was in 2017, and the README does not describe testing, build artifacts, or long-term maintenance, so dependency and Gatsby version compatibility should be checked before use.

GatsbyStarter

Is it right for your project?

Use Cases

  • Quickly create a Gatsby static site skeleton and fill in content yourself
  • Documentation or blog prototypes that need markdown code highlighting and TypographyJS typography
  • Adjusting interface styles starting from a Bootswatch theme and navbar
  • Deploying the repository directly to Netlify via the Netlify deploy button

Suitable For

  • Developers familiar with Gatsby and React who want to start from a minimal template
  • Static site projects that need overridable default templates and wrappers
  • Users who accept maintaining dependencies and version compatibility themselves

Getting started & customization

Use these recorded setup notes alongside the repository instructions for your chosen version.

  1. 1

    Install Gatsby first, then run gatsby new your-site-dir gh:rusi/gatsby-starter-site to create the project

  2. 2

    Start the development environment with gatsby develop

  3. 3

    Change the Bootswatch theme by including a different Bootstrap stylesheet in html.js

  4. 4

    The repository was last updated in 2017; check dependency versions and compatibility with current Gatsby before use

  5. 5

    Third-party assets such as demo images, fonts, and icons must be checked separately under their respective licenses

Read repository instructions

License & source material

Usage conditions & limitations

Free to use · keep license notice

This entry covers the free version under the MIT license in the public repository; the free scope is the code of this version and does not mean external services or third-party assets are free.

Must comply with when using

  • Use, modify, commercial use, and distribution of this version's code are permitted free of charge.
  • When distributing copies or substantial portions of the code, retain the original author's copyright notice and the full MIT license notice.
  • The code is provided as is; warranties and limitations of liability are governed by the original license and applicable law.

Additional costs & items to verify

  • Demo images, fonts, icons, and other third-party assets must be checked under their respective licenses and cannot be judged solely by the code's MIT license.
  • External services such as domains, hosting, databases, payments, or AI may incur separate charges.
View Original Text Basis

Compiled by DeepSeek based on repository license and README ·2026-10-02. Results only cover the materials read; dependencies, images, fonts, and subsequent term changes are subject to their respective original texts.

Project checks & description sources

Template Information

Source platforms
GitHub
Documentation and maintenance reference score
Partly documented · 60 / 100
Technologies
Gatsby · React
Website type
Starter
How this score is calculated

Our heuristic uses license records (up to 30), a demo link (12), a preview (10), stars (15), recorded maintenance (15), description completeness (8), feature records (5) and classification data (5). It is not a code, security or performance test, or a Google score. A link does not establish tested functionality.

What to verify for this project

Repository update recorded
2017-02-28
Screenshot last checked
2026-10-02

A demo link is listed. Check it with your own content and viewport sizes; its presence does not confirm that forms, authentication or payments work.

The catalog identifies Gatsby as the primary stack. Check the actual dependency manifest and lockfile for versions and hosting requirements. These notes use recorded metadata, not a code audit or a deployment test.

Use a selection guide →

How this description was prepared

AI-assisted description based on catalog records and repository material. Repository authors are not automatically the reviewers of this description.

Automatically checked against source and license rules; no manual editorial review.

Inspect the recorded source material

SHA-256: eb591606684323e367dc2a34d342318a35da8cc8d958dfa2170224c81f3d6e73

2026-10-02T18:05:32.303Z

Source file / repository
# Minimalistic Gatsby Starter Template
---

# Installation
---
Install this starter (assuming Gatsby is installed) by running from your CLI: 
```
gatsby new your-site-dir gh:rusi/gatsby-starter-site
```

# Running in development
```
gatsby develop
```

# Deploy

[![Deploy to Netlify](https://www.netlify.com/img/deploy/button.svg)](https://app.netlify.com/start/deploy?repository=https://github.com/rusi/gatsby-starter-site)

# Customizations

## Default Templates

Gatsby is currently using the default template for HTML. You can override
this functionality by creating a React component at "/html.js"

You can see what this default template does by visiting:
https://github.com/gatsbyjs/gatsby/blob/master/lib/isomorphic/html.js

Gatsby is currently using the default _template. You can override it by
creating a React component at "/pages/_template.js".

You can see what this default template does by visiting:
https://github.com/gatsbyjs/gatsby/blob/master/lib/isomorphic/pages/_template.js

## Wrappers

By default Gatsby has two built-in wrappers for html and markdown (see https://github.com/gatsbyjs/gatsby/tree/master/lib/isomorphic/wrappers)

This project overwrites the default wrappers and adds a few more wrappers copied form the "clean" starter template.

### wrappers/md.js styles

The default Gatsby markdown loader parses the markdown into HTML and uses Highlight.js to syntax highlight code blocks.

The md.js wrapper includes a [highlightjs](https://highlightjs.org) style which is copied under the css/ directory. 

See a [demo](https://highlightjs.org/static/demo/) of available styles that can be downloaded from https://github.com/isagalaev/highlight.js/tree/master/src/styles

## Typography

The template includes the use of [TypographyJS](http://kyleamathews.github.io/typography.js/)

## Bootstrap & NavBar

The template uses Bootstrap template from [Bootswatch](https://bootswatch.com) and adds a navigation bar.

You can change the theme by including a different Bootstrap stylesheet in html.js.
Report a correction

Explore similar templates

Compare previews and descriptions within the same stack and category.