Display Medium Articles Using JSON on Next.js Site

Is it even possible without Medium’s API?

Photo by Lautaro Andreani on Unsplash

Non-Medium Members can read the full story here.

Next.js is a popular React-based framework for building fast and scalable web applications. It provides many features out of the box, such as server-side rendering and static site generation, which make it ideal for building content-driven websites. We can actually build a website using Next.js that pulls articles from a Medium RSS feed. Without further ado, continue reading below!

Note Before Getting Started

There might be cases when this method might work or might not work, depending on how rss2json configured their website. For my case, it didn’t work as of June 2024 because rss2json was configured to check if the web visitors are robots or not, which is why I migrated to rss-parser method (this method is harder compared to the one in this article though):

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

Getting Started