Gatsby Starters & Templates Logo Gatsby Starters & Templates
Gatsby Starter Casper screenshot

Gatsby Starter Casper

Author Avatar Theme by Haysclark
Updated: 7 Jan 2019
197 Stars

The Casper theme v1.4 ported to GatsbyJS

Github Live Preview

Categories

React Blog

Overview

The Gatsby Casper Starter is a blog starter for Gatsby that utilizes the popular Casper theme authored by Ghost.io. It is based on Gatsby Advanced Starter and has similarities with the Gatsby Material Starter. This starter supports GatsbyJS version 2 and offers features such as fast loading times, separate components for various elements, high configurability, pagination, code syntax highlighting, social media integration, SEO optimization, and more.

Features

  • Blazing fast loading times thanks to pre-rendered HTML and automatic chunk loading of JS files
  • Separate components for everything
  • High configurability for site information, social profiles, copyright information, and more
  • Author segment with name, location, and description
  • Links and Follow Me button for social profiles
  • Posts in Markdown format
  • Code syntax highlighting
  • Embed YouTube videos and Tweets
  • Pagination support for pages and posts
  • Tags and categories for organizing content
  • Disqus support for comments (needs to be uncommented)
  • Google Analytics support
  • NPM scripts for GitHub Pages deployment
  • Social features such as Twitter tweet button, Facebook share/share count, and Google+ share button
  • SEO optimization with sitemap generation, robots.txt, description tags, Schema.org JSON-LD, OpenGraph Tags, Twitter Tags, and RSS feeds
  • Loading progress for slow networks
  • Offline support
  • Web App Manifest support
  • Development tools: ESLint, Prettier, Remark-Lint, write-good, gh-pages, and CodeClimate

Installation

To install this starter, follow these steps:

  1. Make sure Gatsby is installed on your system.
  2. Run the following command from the command line: gatsby new my-blog-starter https://github.com/some-repo
  3. Alternatively, you can clone the repo or a fork of the repo manually.
  4. Edit the export object in the data/SiteConfig.js file to configure your site.
  5. Edit the static/robots.txt file and include your domain for the sitemap.

Summary

The Gatsby Casper Starter is a blog starter that utilizes the Casper theme and offers a variety of features for creating a fast and customizable blog using GatsbyJS. With support for version 2 of GatsbyJS, this starter provides options for customization, social integration, SEO optimization, and development tools. By following the installation guide and configuring the necessary files, users can quickly set up a fully functional blog with minimal effort.