Community Plugin

gatsby-source-pocketapi

GatsbyJS plugin fetching data from Pocket API (a Mozilla project).

Compatibility

v4.x - for Gatsby 4 and Gatsby 5

How to Use

npm install --save gatsby-source-pocketapi
Go to https://getpocket.com/developer/ and create a new app to get your consumer key.
Run node node_modules/node-getpocket/authorise --consumerkey 'YOUR-CONSUMER-KEY' and point your browser to http://127.0.0.1:8080 to get your POCKET_ACCESS_TOKEN string.

For more info on this process see https://github.com/vicchi/node-getpocket, which this plugin uses to talk to the Pocket API.
In your gatsby-config.js

module.exports = {
  plugins: [
    {
      resolve: `gatsby-source-pocketapi`,
      options: {
        consumerKey: INSERT_HERE_YOUR_POCKET_CONSUMER_KEY,
        accessToken: INSERT_HERE_YOUR_POCKET_ACCESS_TOKEN,
        weeksOfHistory: 52,
        apiMaxRecordsToReturn: 10000,
        getCurrentWeekOnly: `n`,
        stateFilterString: 'archive',
        tagFilter: false,
        tagFilterString: '_untagged_',
        favouriteFilter: false,
        favouriteFilterValue: 0,
        searchFilter: false,
        searchFilterString: 'These 21 things',
        domainFilter: false,
        domainFilterString: 'buzzfeed.com',
      },
    },
  ],
};

Plugin Options

weeksOfHistory: Number of weeks worth of articles to fetch
apiMaxRecordsToReturn: Number of records to return. If higher than 5000, the items will be fetched in several calls.
getCurrentWeekOnly:
- n will fetch data based on the settings above.
- y returns the current week and the last week (it’ll make sense when you try it).
stateFilterString:
- unread = only return unread items.
- archive = only return archived items.
- all = return both unread and archived items.
tagFilter:
- true will use the tagFilterString value to get articles with that tag.
- false will ignore the tagFilterString value
tagFilterString: If tagFilter is true then get articles tagged with this value. '\_untagged\_' will only return articles with no tags.
favouriteFilter (note UK English spelling!):
- true will use the favouriteFilterValue to get articles that have/have not been favourited in Pocket
- false will ignore the favouriteFilterValue
favouriteFilterValue:
- 0 = only return un-favorited items
- 1 = only return favorited items
searchFilter:
- true will use the searchFilterString value to get articles with that value in the URL or title.
- false will ignore the searchFilterString value
searchFilterString: If searchFilter is true then get articles with this value in the URL or title.
domainFilter:
- true will use the domainFilterString value to get articles for that domain.
- false will ignore the domainFilterString value
domainFilterString: If domainFilter is true then get articles from this domain.

How to query your Pocket articles data using GraphQL

Below is a sample query for fetching all Article nodes.

query PageQuery {
  allPocketArticle(sort: { fields: readWeek }) {
    edges {
      node {
        id
        url
        title
        favourite
        excerpt
        is_article
        is_index
        has_video
        has_image
        word_count
        tags
        time_read
        readDay
        readWeek
        articleDomain
        domainFavicon
        image {
          item_id
          src
          width
          height
        }
      }
    }
  }
}

Author

This plugin contains code or other contributions of the open source community. The original code was written by Conrad Jackson who maintained it since March 13, 2018 at https://github.com/conradj/gatsby-source-pocket. On February 5, 2023 the project has moved, with approval of Conrad, to https://github.com/Vacilando/gatsby-source-pocketapi where it continues to this day. Thank you again, @conradj, for your trust and a chance to steer the development of this plugin into the future.

Examples

An example site for this plugin is available:

Demo
Example site source code