Feedni

This is an app that I now use on daily basis. I knew that I was going to have fun building it but I what I did not know is how much I was going to learn.

Creating this app not only involved using NextJS and postgres but I ended up contributing to an npm web-scraping package called feed-reader. I had to make decisions that involve balancing the user-experience with the costs of hosting. I learned a lot about RSS and Open-graph tags. I had to try and compare several providers for database hosting. Overall it was a positive experience.

Tech stack

NextJS for the frontend/backend.
Next-Auth for authentication.
NextUI for UI compoenents.
Postgres for database.

Hosting

Hosting NextJS on Vercel is a no-brainer. For the database I ended up using Supabase. I tried CockroachDB but their version of Postgresdoes not include Triggers.

Lessons learned

During the course of development I tested several Html/RSS parsers. The one that stood out in terms of speed and minimal package size was fast-xml-parser. The one that had the best developer-experience was node-html-parser.

Using a component library such as NextUI accelerated the development process. But it also meant that I had to adapt to the library's shortcomings. It felt limiting at times. In retrospect, NextUI is still in Beta so I should've gone for something more complete.

app screenshot light modeapp screenshot dark mode