/gatsby-starter-minimal-blog

Minimal blog focused on the content. Made with React and Gatsby.js

Primary LanguageJavaScriptMIT LicenseMIT

Gatsby Starter: Minimal Blog

Big typography, focus on the content & minimal style.

Demo Website

Deploy to Netlify

About Me

I hope you like my starters and create something awesome! To see some of my work you can visit my website or support me on Patreon to get some neat rewards (4K images, project files, tutorial insights). Every pledge on Patreon helps me creating more free starters!

Also check out the other gatsby-starters:

Check out the Gatsby Starter Portfolio Overview!

Features

As this starter is used for my (german) tutorials on my blog the features are subject to change. I'll add more features or replace some with other features in the process.

Current features:

  • Gatsby v2.0.0
  • Articles in Markdown
  • Styled Components 💅
  • Netlify Contact Form
  • Categories
  • Offline Support
  • WebApp Manifest Support
  • Typography.js
  • SEO
    • Sitemap
    • Schema.org JSONLD
    • OpenGraph Tags
    • Twitter Tags
  • Favicons

Getting Started

Check your development environment! You'll need Node.js, the Gatsby CLI and node-gyp installed. The official Gatsby website also lists two articles regarding this topic:

To copy and install this starter run this command (with "project-name" being the name of your folder you wish to install it in):

gatsby new project-name https://github.com/LeKoArts/gatsby-starter-minimal-blog
npm run dev

Adding new features/plugins

You can add other features by having a look at the offical plugins page

Changing the date format

This starter uses Gatsby's built-in date formatter in the GraphQL queries. If you want to change the date format you see on the index page or other overviews have a look at the GraphQL query. It contains the line:

date(formatString: "DD.MM.YYYY")

Building your site

npm run build

Copy the content of the public folder to your webhost or use a website like Netlify which automates that for you.

Attention: You also need to edit static/robots.txt to include your domain!