Embed RSS Feed on Next.js

Add RSS feeds to your Next.js app with server-side rendering support.

Step-by-Step Guide

1. 1Create your RSS feed in the Brevofeed dashboard
2. 2Use the Brevofeed API to fetch feed data server-side
3. 3Render feed items in your Next.js component
4. 4Use ISR (Incremental Static Regeneration) for cached, fast-loading feeds

Code Snippet

// app/feed/page.tsx (Next.js App Router)
async function getFeedItems(feedId: string) {
  const res = await fetch(
    `https://brevofeed.com/api/feeds/${feedId}/items`,
    { next: { revalidate: 300 } } // Revalidate every 5 min
  );
  return res.json();
}

export default async function FeedPage() {
  const { items } = await getFeedItems('YOUR_FEED_ID');

  return (
    <div>
      <h1>Latest Updates</h1>
      {items.map((item: any) => (
        <article key={item.guid}>
          <h2><a href={item.link}>{item.title}</a></h2>
          <p>{item.description}</p>
        </article>
      ))}
    </div>
  );
}

Frequently Asked Questions