Skip to main content
Community Plugin
View plugin on GitHub
See starters using this
Theme hero artwork

Private Sphere – a GatsbyJS theme

Private Sphere is a Gatsby theme I built for my personal blog and website, www.chrisvogt.me. My website and this theme exists so I can publish and share content on my own website, while widgets on the home page showcase my activity across online platforms like GitHub, Goodreads, Instagram, and Spotify.

Warning: This theme is a personal hobby project. This project is unstable and not ready for use on a live site unless you are feeling adventurous.

Note: To use the home page widgets, you must currently build and serve your own data service, and expose that data over REST endpoints. The expected schema for each widget is saved in the /theme/__mocks__ directory.

Installation

yarn add gatsby gatsby-theme-private-sphere react react-dom

Usage

// gatsby-config.js
module.exports = {
  siteMetadata: {
    /* site settings – see /example */
  },
  plugins: [
    {
      resolve: 'gatsby-theme-private-sphere',
      options: {
        /* custom theme options – see /example */
      }
    }
  ]
}

Review the example site configuration for an example of available site metadata fields.

Screenshots

Widgets

Blog

Screenshot: Blog

Instagram

Screenshot: Instagram

GitHub

Screenshot: GitHub

Goodreads

Screenshot: Goodreads

Spotify

Screenshot: Spotify

Copyright © 2019-2020 Chris Vogt - Released under the MIT license.

Docs
Tutorials
Plugins
Blog
Showcase