@newsupdates/plugin-tech-updates v0.0.2
tech-updates
Welcome to the tech-updates plugin!
This plugin was created through the Backstage CLI
A tech updates plugin is to keep users informed about the latest developments in the technology industry. This could include updates on software releases, hardware advancements, cybersecurity threats, industry trends, and other relevant information. The plugin will aggregate news from various sources, blogs, and official announcements to provide users with a comprehensive overview of the rapidly evolving tech landscape.
Getting started
Your plugin has been added to the example app in this repository, meaning you'll be able to access it by running yarn start
in the root directory, and then navigating to /tech-updates.
You can also serve the plugin in isolation by running yarn start
in the plugin directory.
This method of serving the plugin provides quicker iteration speed and a faster startup and hot reloads.
It is only meant for local development, and the setup for it can be found inside the /dev directory.
Install the package:
# From your Backstage root directory
yarn add --cwd packages/app @newsupdates/plugin-tech-updates
Set the proxy
In your app-config.yaml located in the root directory we'll need to add following under proxy:
proxy: '/techupdate': target: https://newsdata.io allowedMethods: 'GET', 'POST', 'PUT'
Add techupdates plugin to the app sidebar
Modify your app routes in App.tsx
to include the Router component exported by the plugin - for example:
import { TechUpdatesPage } from '@newsupdates/plugin-tech-updates';
<FlatRoutes>
// ...
<Route path="/tech-updates" element={<TechUpdatesPage />} />
// ...
</FlatRoutes>;
Newsdata.io signup setups:
Go to https://newsdata.io/ to create your free accounts and follow the steps to create your api key
https://newsdata.io/documentation/#get-newdata-api-key
After getting api key configure config.ts file under tech-updates/src/api/config.ts
Based on your suggested content you can modify it
Example 1 : To get technology related news in india in english language
apikey: 'your api key', country: 'in', language: 'en', category: 'technology',
Example 2 : To get science and technology related news in sweden and australia in english and swedish language
apikey: 'your api key', country: 'au,se', language: 'en,sv', category: 'science,technology',