0.0.2 • Published 2 years ago

@newsupdates/plugin-tech-updates v0.0.2

Weekly downloads
-
License
Apache-2.0
Repository
github
Last release
2 years ago

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',

Feature

Tech updates plugin

GitHub Repository

GitHub Repository

Checkout video

https://youtu.be/kHoAFzGFBxE?si=Ldleryizd2D9oxOc