My portfolio website is built using Nuxt 3 and Nuxt Content v2. In this blog article, I will be explaining how to create an RSS feed for your Nuxt 3 project using Nuxt Content v2 and how to configure it to generate a RSS feed that is optimized for search engines.

Initial Setup

I hope you already have a nuxt 3 project set up and configured with Nuxt Content v2. The content directory might look something like this:

Each content .md file must have some frontmatter to define the content's title, description, date, and other metadata. For example, the 1-article-title-one.md file might look like this:

Install RSS Package

We will use the RSS package to generate the RSS feed. Install it using the following command:

Create Server Routes

We will use the server routes in Nuxt by creating a server/ directory in the root of our project. Inside this directory, we will create a new directory called routes/blogs/ and add a file called rss.xml.ts inside it.

This file will be available at the /blogs/rss.xml route.

If we now visit the /blogs/rss.xml route, we will see the RSS feed generated for our blog posts.

Conclusion

So this is it, with this article, I hope you have gained a better understanding of how to create an RSS feed for your Nuxt 3 project using Nuxt Content v2 and how to configure it to generate a RSS feed that is optimized for search engines.

Your feedback is valuable to me, so if you'd like to see more content like this in the future, please don't hesitate to let me know.

Keep coding, keep exploring, and keep inspiring. 🐼