GatsbyReactBlog

gatsby-blog — Gatsby Blog Template

By andrkrn

A Gatsby-based Lumen blog starter template providing basic components for sidebar, navigation, posts, and pages, using inline CSS, the Lost grid, and Gutenberg typography.

Explore the design

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

1 previews
Author preview
Author-provided previewTop of page

Preview provided in the project README.

One original preview is available. Open the full image to inspect the design.

Screenshots show visual appearance; interactive behavior may differ.

Recorded 2026-10-11View source

What stands out

A quick read of the recorded project description.

01

Gatsby blog starter template named Lumen

02

Includes six components: SiteSidebar, SiteNav, SiteLinks, SitePost, SitePage, ReadNext

03

Styles written with inline CSS

04

Uses peterramsing/lost as the grid foundation

05

Uses matejlatin/Gutenberg as the typography foundation

06

MIT licensed, allowing modification, commercial use, and distribution

Template Details

This is a Gatsby starter template for creating blogs, named Lumen. The README describes it as a blog starter project with a clear code structure that is easy to extend.

The template includes six simple components: SiteSidebar, SiteNav, SiteLinks, SitePost, SitePage, and ReadNext, covering common blog structures such as sidebar, navigation, links, posts, pages, and related reading. For styling, it uses inline CSS, with peterramsing/lost as the grid foundation and matejlatin/Gutenberg as the typography foundation.

Installation requires Gatsby to be installed first, then running gatsby new lumen plus the repository address via the CLI to create the project; development runs with gatsby develop. The repository also mentions a Statinamic port maintained by Khoa Nguyen.

Note that the repository materials and update time date back to 2016, and the README does not state compatibility with current Gatsby versions, dependency maintenance status, or production readiness; users should verify dependencies and build results themselves before use.

GatsbyBlog

Is it right for your project?

Use Cases

  • Building a personal blog site with Gatsby
  • Using as a starter project to learn Gatsby blog structure
  • Extending sidebar, navigation, and post page components on the existing foundation

Suitable For

  • Developers familiar with basic Gatsby CLI usage
  • Front-end developers who need a lightweight blog starter structure and will extend it themselves
  • Users who accept verifying dependencies and compatibility on their own

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 lumen plus the repository address to create the project

  2. 2

    Development environment run command is gatsby develop

  3. 3

    Repository materials and update time are early; verify dependency versions and build compatibility before use

  4. 4

    Third-party assets such as demo images, fonts, and icons require separate license verification

Read repository instructions

License & source material

Usage conditions & limitations

Free to use · keep license notice

This entry covers the free version under 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

  • Free use, modification, commercial use, and distribution of this version's code are allowed.
  • When distributing copies or substantial portions of the code, retain the original author's copyright notice and the full MIT license notice.
  • Code is provided as-is; warranties and liability limitations are governed by the original license and applicable law.

Additional costs & items to verify

  • Demo images, fonts, icons, and other third-party assets require verification 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-11. 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
Less documented · 53 / 100
Technologies
Gatsby · React
Website type
Blog
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
2016-08-23
Screenshot last checked
2026-10-11

No demo link is recorded. Use the repository instructions to evaluate the project locally; the screenshot alone cannot establish interactive behavior.

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.

Review declaration: [email protected] · 2026-10-13

Inspect the recorded source material

SHA-256: 7e2bfb26cfab79599a1bcc118f2d6a940167f5015ea806f231d239934ede24f5

2026-10-11T17:58:48.089Z

Source file / repository
# Lumen

Gatsby starter for creating a blog

## Features
+ Inline CSS.
+ Clean and extensible code.
+ Six simple components: SiteSidebar, SiteNav, SiteLinks, SitePost, SitePage, ReadNext.
+ [peterramsing/lost](https://github.com/peterramsing/lost) as a base for Grid.
+ [matejlatin/Gutenberg](https://github.com/matejlatin/Gutenberg) as a base for Typography.

## Installing
Install this starter (assuming Gatsby is installed) by running from your CLI:
`gatsby new lumen https://github.com/wpioneer/gatsby-starter-lumen`

## Running in development
`gatsby develop`

![](http://i.imgur.com/422y5GV.png)

## Ports

[Statinamic port](https://github.com/thangngoc89/statinamic-theme-lumen) by [Khoa Nguyen](https://github.com/thangngoc89)

## License
The MIT license.

Copyright (c) 2016 Alexandr Shelepenok [ashk.io](http://ashk.io)

Permission is hereby granted, free of charge, to any person obtaining a copy of
this software and associated documentation files (the "Software"), to deal in
the Software without restriction, including without limitation the rights to
use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies
of the Software, and to permit persons to whom the Software is furnished to do
so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.
Report a correction

Explore similar templates

Compare previews and descriptions within the same stack and category.