DEV Community

Kelvin Wangonya
Kelvin Wangonya

Posted on

13 5

The Plain Gatsby starter

Looking for a minimalist starter for your gatsby blog? Check out this starter I made ๐Ÿ˜€

Inspired by Heiswayi Nrird's the-plain.

home-page-screenshot

about-page-screenshot

blog-page-screenshot

Quick Start ๐Ÿš€

Create a Gatsby site.

Use the Gatsby CLI to create a new site, specifying the default starter.

# create a new Gatsby site using the-plain-gatsby starter
gatsby new my-blog https://github.com/wangonya/the-plain-gatsby
Enter fullscreen mode Exit fullscreen mode

Start developing.

Navigate into your new siteโ€™s directory and start it up.

cd my-blog/
gatsby develop
Enter fullscreen mode Exit fullscreen mode

Open the source code and start editing!

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

Note: You'll also see a second link: `http://localhost:8000/_graphql`. This is a tool you can use to experiment with querying your data. Learn more about using this tool in the Gatsby tutorial._

Open the my-blog directory in your code editor of choice and edit src/pages/about.md. Save your changes and the browser will update in real time!

Edit gatsby.config.js to update site metadata.

Add blog posts in markdown in src/pages/blog/. Each blog should have a title and date frontmatter. Example blog posts have been provided.

Image of Datadog

Create and maintain end-to-end frontend tests

Learn best practices on creating frontend tests, testing on-premise apps, integrating tests into your CI/CD pipeline, and using Datadogโ€™s testing tunnel.

Download The Guide

Top comments (0)

Image of Datadog

Create and maintain end-to-end frontend tests

Learn best practices on creating frontend tests, testing on-premise apps, integrating tests into your CI/CD pipeline, and using Datadogโ€™s testing tunnel.

Download The Guide

๐Ÿ‘‹ Kindness is contagious

Engage with a sea of insights in this enlightening article, highly esteemed within the encouraging DEV Community. Programmers of every skill level are invited to participate and enrich our shared knowledge.

A simple "thank you" can uplift someone's spirits. Express your appreciation in the comments section!

On DEV, sharing knowledge smooths our journey and strengthens our community bonds. Found this useful? A brief thank you to the author can mean a lot.

Okay