GatsbyReactBlogStarter

gatsby-nice-blog — Gatsby Blog Template

By abhaynikam

A minimal Gatsby-based blog starter template that provides a paginated post list, Disqus comments, a sitemap, and Google Analytics configuration, with site information set centrally in config.js.

Explore the design

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

3 previews
Desktop homepage1 / 3
Desktop captureTop of page

Actual screenshot captured by the server browser.

All pages & views 3

Screenshots show visual appearance; interactive behavior may differ.

Recorded 2026-09-30View source

What stands out

A quick read of the recorded project description.

01

A minimal blog starter template built with Gatsby, positioned in the repository as a boilerplate

02

Supports a paginated post list

03

Provides comments via Disqus

04

Generates an XML sitemap and integrates Google Analytics

05

Site information, author, and social accounts are configured centrally in config.js

06

The theme's primary color is changed via the CSS variable --color-primary

Template Details

gatsby-nice-blog is a minimal blog starter template built with Gatsby. It is positioned as a "boilerplate" so that users can skip building the blog site itself and focus on content. The repository provides two live demos: Netlify and GitHub Pages.

In terms of features, the README lists: a paginated minimal blog template, Google Analytics, an XML sitemap to help search engines discover the site, SEO compliance, and comments via Disqus. The site title, description, root URL, posts per page (example configuration is 15), Disqus shortname, Google Analytics ID, and author information are configured centrally in config.js; after changes, the service must be restarted for them to take effect. The theme's primary color is adjusted via the CSS variable --color-primary.

The usage path is to first use the Gatsby CLI to create a site from this repository as a template, then enter the directory and run gatsby develop; the local address is http://localhost:8000. Deployment supports two methods: for GitHub Pages, set pathPrefix in config.js to the repository name, then run yarn run deploy or npm run deploy; for Netlify, authorize repository access and configure a custom domain.

Limitations and boundaries: the template itself is a blog front-end starter; comments depend on third-party Disqus, and analytics depends on Google Analytics. These external services require separate registration and corresponding identifiers. The licenses for third-party assets such as demo images, fonts, and icons must be checked separately and cannot be judged solely by the code's MIT license.

GatsbyBlogStarter

Is it right for your project?

Use Cases

  • Quickly create a personal blog site using the Gatsby CLI with this repository as a template
  • A lightweight blog that needs a paginated post list, Disqus comments, and a sitemap
  • A static blog intended for deployment to GitHub Pages or Netlify

Suitable For

  • Developers who want to skip building the blog site and focus on writing
  • People who use Gatsby and accept configuring site information centrally in config.js
  • Bloggers who need Disqus comments and Google Analytics

Getting started & customization

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

  1. 1

    Create a site with gatsby new <site-name> https://github.com/abhaynikam/gatsby-nice-blog, then enter the directory and run gatsby develop; the local address is http://localhost:8000

  2. 2

    Fill in url, description, title, disqusShortname, googleAnalyticsId, author, and other information in config.js; after changes, the service must be restarted

  3. 3

    When deploying to GitHub Pages, set pathPrefix to the repository name, then run yarn run deploy or npm run deploy

  4. 4

    Deploying to Netlify requires logging in and authorizing repository access, then configuring a custom domain

  5. 5

    Comments and analytics depend on external services such as Disqus and Google Analytics, which require separate registration and corresponding identifiers

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 that version and does not mean external services or third-party assets are free.

Must comply with when using

  • The code of this version may be used, modified, used commercially, and distributed free of charge.
  • When distributing copies or substantial portions of the code, retain the original author's copyright notice and the complete 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

  • The comment feature depends on the third-party Disqus service; you must register separately and provide a disqusShortname to enable it.
  • The analytics feature depends on the external Google Analytics service; you must register separately and provide a googleAnalyticsId.
  • Using Netlify for deployment requires registering and logging in to a Netlify account and authorizing it to access the repository.
  • 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 additional charges.
View Original Text Basis

Compiled by DeepSeek based on repository license and README ·2026-10-01. 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
More documented · 77 / 100
Technologies
Gatsby · React
Website type
Blog · 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
2021-01-01
Screenshot last checked
2026-10-01

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: 82087d4fe980669889db80b0ea55fbae6fd5c88fd3ae7ef17fb2c008ab4a9d7a

2026-10-01T14:04:56.824Z

Source file / repository
<h1 align="center">
  Gatsby Nice Blogs
</h1>

<p align="center">
  <a href="https://github.com/abhaynikam/gatsby-nice-blog/blob/master/LICENSE.txt"><img alt="GitHub" src="https://img.shields.io/github/license/abhaynikam/gatsby-nice-blog?style=flat-square"></a>
  <a href="https://nostalgic-liskov-e76c32.netlify.app/"><img alt="GitHub" src="https://img.shields.io/badge/-Demo-blue?style=flat-square"></a>
</p>

Nice blogs is a simple minimal blog template boilerplate built using Gatsby. Kickoff your blog website with simple steps and focus more on content than building and shipping a blog website.

Check the [live demo on netlify](https://nostalgic-liskov-e76c32.netlify.app/) or [live demo on GitHub pages](https://abhaynikam.github.io/gatsby-nice-blog/).

![root](https://user-images.githubusercontent.com/7736232/95664178-0ea08200-0b63-11eb-988c-452b23c57074.png)
![blog](https://user-images.githubusercontent.com/7736232/95664177-0a746480-0b63-11eb-9cbf-d542b828a6fb.png)

## Features
- Pagniated minimalistic blog template.
- Google analytics.
- XML sitemap for helping search engines to find site.
- SEO compliant.
- Comments via Disqus.

## 🚀 Quick start

1.  **Create a Gatsby site.**

    Use the Gatsby CLI to create a new site, specifying the nice blogs boilerplate template.

    ```shell
    gatsby new <site-name> https://github.com/abhaynikam/gatsby-nice-blog
    ```

1.  **Start developing.**

    Navigate into your new site’s directory and start it up.

    ```shell
    cd my-blog-starter/
    gatsby develop
    ```

1.  **Open the source code and start editing!**

    Your site is now running at `http://localhost:8000`!


## 🧐 Configure your details

Add your personal details in the `config.js` and restart the server to reflect your changes.

```js
module.exports = {
  url: `Your blog site root url`,
  description: `Your blog site description`,
  pathPrefix: 'Useful when using Github Pages. Add the repository name here.',
  title: `Your blog site title`,
  disqusShortname: 'Your disqus short name to enable comments',
  postsPerPage: 15,
  googleAnalyticsId: 'Your google analytics id',
  useKatex: false,
  author: {
    name: `Your name`,
    summary: `Short summary`,
    social: {
      twitter: `Your twitter account username`,
      github: `abhaynikam`,
    },
  }
};
```

## 🎨 Configure theme color
Update the `--color-primary` color variable to the desired theme primary color.

## 🚢 Deploying using Github page

1.  **Update pathPrefix.**

    Update the `pathPrefix` to the GitHub repository name.

    ```js
    module.exports = {
      pathPrefix: '',
      ...
    }
    ```
2.  **Deploy to GitHub pages!**

    ```shell
    yarn run deploy
    OR
    npm run deploy
    ```

## 🚢 Deploying using Netlify

- Login/Signup to the Netlify GitHub account.
- Authorize the repository access.
- Configure the custom domain on Netlify.

Watch the [video](https://docs.netlify.com/site-deploys/create-deploys/#deploy-with-git) by Netlify team and learn deploying using Git.


## Contributing

Bug reports and pull requests are welcome on GitHub at https://github.com/abhaynikam/gatsby-nice-blog. This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the [code of conduct](https://github.com/abhaynikam/gatsby-nice-blog/blob/master/CODE_OF_CONDUCT.md).

## License

The boilerplate blog template is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).

## Author
[Abhay Nikam](https://www.abhaynikam.me/pages/about)

## Contributors
[Chinmay Mehta](https://github.com/chinmaym07)
Report a correction

Explore similar templates

Compare previews and descriptions within the same stack and category.