#Javascript rss feed reader how to
#Javascript rss feed reader install
#Javascript rss feed reader update
#Javascript rss feed reader code

#Javascript rss feed reader update

Now that your feed is set up, you won’t really have to think about it publish a new post, and your RSS feed will automatically update with your Gatsby build. With the Gatsby feed plugin, you can share your writing easily with people subscribed through RSS readers like Feedly or RSS Feed Reader.

#Javascript rss feed reader how to

Here’s an example of how to implement iTunes RSS blocks using this plugin: Happy blogging! They take the format of itunes:author which GraphQL does not read. If creating a RSS feed for a podcast you probably will want to include iTunes RSS blocks. Get in touch with us if you need any help! Syntax for iTunes RSS blocks NOTE: if your blog has custom s, such as links with or without dates in them, you may need to customize gatsby-node.js to output the correct URLs in your RSS feed. To see your feed in action, run gatsby build & gatsby serve and you can then inspect the content and URLs in your RSS file at You can check out the validation of your RSS feed on W3C Feed Validation Service. You can use the build-in function encodeURI(string) for your link:

If your site has none-English link (or none-ASCII link), you may need to encode URI in advance. Only pages that satisfied the regular expression will have feed reference included. This string will be used to build a RegExp, and this regular expression will be used to test the pathname of current page. You can customize this behavior by providing an extra field match of type string. The output field in your feed object allows you to customize the filename for your RSS feed, and title for the name of your site’s RSS feed.īy default, feed is referenced in every page. In this example, the RSS content comes from Markdown files sourced from your site, and queried with the key allMarkdownRemark and its associated filters and fields. It also includes a feeds array with at least one object containing a GraphQL query and serialize method, which allows you to output a custom RSS feed structure. This snippet contains a custom gatsby-plugin-feed setup in gatsby-config.js to query metadata for your site, like its title and siteUrl. structure) output by the plugin to work with your website’s content, you can start with the following code: To customize the default feed schema (a.k.a.

The good news is you can accommodate these scenarios and more in gatsby-config.js and gatsby-node.js.

Your Markdown files have dates in the filenames, for which the slug URLs cause 404s.

Your content isn’t in Markdown so the plugin doesn’t know about it.

Your content might not fit neatly into the blog-starter scenario, for various reasons like:

#Javascript rss feed reader code

By default, the generated RSS feed path is /rss.xml, but the plugin exposes options to configure this default functionality.įor basic setups with Markdown content like the gatsby-starter-blog, that’s all you need! However, you can craft a custom RSS feed schema using custom code in your gatsby-node.js and gatsby-config.js files. Next run a build ( npm run build) since the RSS feed generation will only happen for production builds. Here’s an example of how you could implement this plugin with Markdown, but for other sources, you will need a way to uniquely identify content-typically a URL or slug. Once installation is complete, you can now add this plugin to your site’s config file, like so:

#Javascript rss feed reader install

To install this package, run the following command: How to use gatsby-plugin-feed To generate an RSS feed, you can use the gatsby-plugin-feed package. Think of it as a syndicated distribution channel for your site’s content. An RSS Feed is a standard XML file listing a website’s content in a subscribable format, allowing readers to consume your content in news aggregators, also called feed reader apps.