Turn your Steem posts into static blog. Introducing Steem plugin for Gatsby

@sekhmet · 2018-02-11 14:11 · busy

I recently started playing with Gatsby. Gatsby is static site generator for React. It allows you to build fast websites with data, that can come from anywhere. Gatsby has many plugins already (e.g. WordPress, Medium, Contentful, Netlify) and now Steem as well. Add plugins you need and you can use data they provide to build anything you want.

I created basic Gatsby plugin (called gatsby-source-steem). You can use it to pull data from Steem into your website.

Website built using Gatsby You can see this website online here.

Why would you want to build a static blog? For me, Steem is not about incentives. It is great technology that allows everyone to publish content they want. With Steem you don't have to worry that your work will disappear forever. And now you can use it, to build your blog your way. Even if all you need is to create the website that links to some other Steem client like Busy or Steemit, you can do it.

How to use gatsby-source-steem?

Using Steem source is similar to using any other Gatsby source plugin.

  1. Install plugin with npm or yarn. Plugin installation

  2. Enable and configure the plugin in gatsby-config.js. Enabling plugin

  3. Done! Now you can query data using GraphQL. Query

Example website built using this plugin

To show what can you do with this plugin I created a basic website using my plugin (the one you might have seen at the top). It is bare because I wanted to keep it simple, so people can use it to get a better feel of Gatsby. You can view it here: https://gatsby-steem.surge.sh/ Source code: https://github.com/Sekhmet/gatsby-steem

#steem #steemit #busy #gatsby #programming
Payout: 0.000 HBD
Votes: 28
More interactions (upvote, reblog, reply) coming soon.