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.

SurveyJS custom survey software

JavaScript UI Libraries for Surveys and Forms

SurveyJS lets you build a JSON-based form management system that integrates with any backend, giving you full control over your data and no user limits. Includes support for custom question types, skip logic, integrated CCS editor, PDF export, real-time analytics & more.

Learn more

Top comments (0)

Cloudinary image

Zoom pan, gen fill, restore, overlay, upscale, crop, resize...

Chain advanced transformations through a set of image and video APIs while optimizing assets by 90%.

Explore

πŸ‘‹ Kindness is contagious

Please leave a ❀️ or a friendly comment on this post if you found it helpful!

Okay