Giter Site home page Giter Site logo

dojo's Introduction

Gatsby Starter: Minimal Blog

Big typography, focus on the content & minimal style.

Demo Website

Deploy to Netlify

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:

  • Articles in Markdown
  • Gatsby v2
  • 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!

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).

Also check out the other gatsby-starters:

Check out the Gatsby Starter Portfolio Overview!

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.