Scroll to the bottom of the page where it says "Your apps". Go to the Firebase console for your project.You can get the other items from Firebase after registering your app. Put your RSS to JSON API key from the previous step with the RSS_2_JSON_API_KEY item. In the root of your forked project, create a file called. Get your API key from the My Account page and have it ready for the next step.Sign up for an RSS to JSON account at this link.The starter code is currently set up to generate your site no more than once per day, so at the very most, you'll be making 1 request per feed per day. I personally have a paid plan because of the number of feeds I subscribe to, but the free plan is pretty nice! At the time of this writing, the free plan updates a feed once an hour, allows 10,000 requests per day, and supports 25 feeds. Next, let's set up an RSS to JSON account so we can get an API key for making API requests. Here's a video showing these steps: Create an RSS to JSON account You should be on the "Sign-in method" tab.Go to the "Authentication" page under "Build".Make sure you use a real email address and a secure password for your user. It's also easy to add a user for ourselves right from the console. Here's a video showing these steps (the project name is different):įirebase makes it easy for us to set up email/password authentication in our app. Click "Continue" when your new project is ready.Toggle "Enable Google Analytics for this project" to off.Click the card that says "Add project".Go to and make sure you're logged in with the Google account you want to use.You want this app to have authentication so that other people aren't driving up your API requests that will be made to RSS to JSON (we'll set that up next). Third, you need to create a Firebase project since it'll handle authentication. Second, clone the fork you've created onto your machine and install the dependencies.Ĭopy Code 1 git clone # Clones the fork 2 yarn # Installs the dependencies 3 Set up Firebase Authentication Click the "Fork" button at the top right of the page.I hope you find the instructions below helpful and as always, let me know on Twitter if you have any questions! How to Create Your Own Next.js RSS Reader App Fork and clone the repoįirst, you need to create a fork of the starter code. I had a ton of fun with it so I decided to share my findings with y'all in case you also want to make your own RSS reader app. This is where I got the idea to create my own RSS reader app! Once I had the app finished, it also doubled as a way for me to test my RSS feed as I developed it. In order to better understand how to create an RSS feed for my site, I needed to better understand how they are used. RSS feeds mean I can read all of my favorite blogs in one place? And I don't have to subscribe to newsletters to know when a new post has been published? That sounds so lovely! I knew then that I definitely needed to figure out how to provide an RSS feed for my own site. Imagine being able to log into one dashboard and getting the latest news and events from all of your favorite websites, blogs, or podcasts? With RSS feeds, it’s possible! If you also have questions like this, I recommend reading How Do RSS Feeds Work? right from RSS.com. I thought people didn't use them anymore?.Sara is someone I highly admire in frontend web development and accessibility, but I had so little knowledge of RSS feeds and so many questions: I recently came across a tweet from Sara Soueidan applauding folks who provide an RSS feed on their site.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |