Displaying RSS Feeds on a Next.js Website Using RSS-Parser

Seamlessly Integrating and Displaying RSS Feeds in Next.js with RSS-Parser

Photo by Markus Winkler on Unsplash

Non-Medium Members can read the full story here.

Next.js, a widely used React-based framework, excels in building fast and scalable web applications. It offers a range of features, including server-side rendering and static site generation, making it particularly well-suited for developing content-driven websites. One practical application of Next.js is creating a website that aggregates articles from a Medium RSS feed. Below are the steps to achieve this.

About This Article

This article is very closely related to this article:

Display Medium Articles Using JSON on Next.js Site

The only difference is that I use rss-parser fetch RSS feeds here instead of JSON which relies on rss2json API.

If you have read the article above, just proceed to install “rss-parser” by npm, then skip to Implementing RSS-Parser section and beyond.

Getting Started