Skip to content
Personal tech blog with Gatsby & contentful
JavaScript Shell CSS
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.vscode
src
static
test
.babelrc
.contentful.json.sample
.env.example
.eslintrc
.gitignore
.prettierrc
.travis.yml
LICENSE
README.md
WHATS-NEXT.md
app.json
gatsby-browser.js
gatsby-config.js
gatsby-node.js
netlify.toml
package.json
screenshot.jpg
setup.js
static.json
yarn.lock

README.md

My personal blog

It's a customized version of gatsby-contentful-starter that is including the following changes:

  • Gatsby v2 (base repo was at v1 - so I migrated it, would be not needed with contentful-userland starter)
  • Modified routing to blog.alexanderwolf.tech/{$slug} from /blog/{$slug}
  • Prettier with Husky in pre-commit hook
  • Eslint
  • Customized styling & changed everything to styled-components
  • Deployed to Netlify with continous deployment (devel & master branch)
  • Preview API for devServer
  • Disqus for commenting
  • React-Share for social sharing
  • Syntax highlighting with gatsby-remark-prsimjs
  • Reading time estimation with gatsby-remark-readingtime

You can find more details about how I created the setup in this post.

Blog

You can find a live version of the code on blog.alexanderwolf.tech

Todos

  • Add a logo/header that's available on each post
  • Use PreviewAPI on Netlify devel deployment - not working yet
  • Check codesandbox embeds
  • Check routing as static pages are difficult to add (e.g. /privacy)

Blog based on Contentful Gatsby Starter Blog

Create a Gatsby blog powered by Contentful. This is a simplified version of the Gatsby Contentful Starter which is maintained by our Community.

The index page of the starter blog

Static sites are scalable, secure and have very little required maintenance. They come with a drawback though. Not everybody feels good editing files, building a project and uploading it somewhere. This is where Contentful comes into play.

With Contentful and Gatsby you can connect your favorite static site generator with an API that provides an easy to use interface for people writing content and automate the publishing using services like Travis CI or Netlify.

Features (from base)

Getting started

See our official Contentful getting started guide.

Crucial Commands

npm run dev

Run the project locally with live reload in development mode.

npm run build

Run a production build into ./public. The result is ready to be put on any static hosting you prefer.

npm run serve

Spin up a production-ready server with your blog. Don't forget to build your page beforehand.

Deployment

See the official Contentful getting started guide.

Contribution

Feel free to open pull requests to fix bugs. If you want to add features, please have a look at the original version. It is always open to contributions and pull requests.

You can learn more about how Contentful userland is organized by visiting our about repository.

You can’t perform that action at this time.