![]() ![]() RSS icon you see on some websites that mean, the RSS feed is available on site. RSS is used to deliver regular changing web contents to the user.RSS is like a broadcast system which is used to deliver updated information to multiple receivers.RSS is the short name of Really Simple Syndication.RSS technology is used by millions of users around the world to get the latest information from their favorite websites. ![]() We also enable fallback as blocking which means if a user access a feed we didn't considered initially in our list of paths we will do SSR and then cache the HTML and continue with SSG.PHP Overview PHP Tutorial PHP Introduction PHP Installation PHP Basics PHP Basics PHP Syntax PHP Data Types PHP Variables PHP Constants PHP Print and Echo Statements Operators PHP Operators PHP Arithmetic Operators PHP Assignment Operators PHP Comparison Operators PHP Logical Operators PHP Ternary Operator PHP Concatenation Operators Decision Control Structures PHP Decision Making PHP if else statement PHP elseif statement PHP switch statement Loop Control Structures PHP Looping PHP while loop PHP do-while PHP for loop PHP foreach loop Functions PHP Date and Time PHP Functions PHP String Handling Functions PHP Include and Require PHP Headers PHP File Handling PHP Cookies PHP Sessions PHP Sending Emails Compare Strings In PHP array_diff() Function in PHP array_merge() Function in PHP array_search() Function in PHP eval() in PHP preg_replace() Function in PHP URL Encoding and Decoding with PHP sleep() Function in PHP strlen() Function in PHP ksort() Function in PHP strlen() Function in PHP gettype() Function in PHP Forms PHP GET and POST PHP Server Side Form Validation PHP File Upload PHP Classes and Objects PHP Access Modifiers What is stdClass in PHP? PHP Inheritance PHP OOP Terminology Miscellaneous PHP Arrays PHP RSS Feed PHP Composer Environment Variables in PHP PHP Error Handling report this ad ![]() In the getStaticPaths we call getRSSFeeds and transform the list of feeds from the Airtable DB to the list of paths. The code for this is in the getStaticProps function. Here we need to import the rss-parser lib which will let us read a string with RSS in XML and return an object with the data from the feed. npm install -g angular-cli (if not installed) ng new angular-rss-reader Now just select the app in your terminal. Create angular project using below command. We need to fetch our list of feeds, I have a function getRSSFeeds like this one: import Airtable from "airtable" Įxport async function getRSSFeeds(limit = 100): Promise Create an Angular RSS reader We are going to create RSS reader in angular, let’s start. Next.js as the framework to build the UI and fetch dataįirst of all, we need a way to store our list of RSS feed, this could be a JSON in the repository or any database, I used Airtable.Airtable as my DB, I need it to have a list of feeds I can update without re-deploying.The stack I used is the same of this blog, Airtable, Next.js and Vercel. Let's see how you can build one yourself and host it for free. I used Feedly since 2005, until now, I build my own RSS Reader and you can see it clicking Reader in the navigation. When Google killed it to promote Google+ (which was also killed) other tools started to compete but most of them are not as good Google Reader was or they are pay ones. Years ago, Google Reader was the best tool in the market to consume RSS. ![]() RSS is a standard way to use XML to share content from a website so other apps could read it and show it in a different format. Sponsor me on GitHub Build your own RSS Reader Build your own RSS Reader by sergiodxa Sergio Xalambrí you need to have another published post besides the Hello World post for your RSS feed to be created. ![]()
0 Comments
Leave a Reply. |
Details
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |