Nir Adler
Piece by Piece

Follow

Piece by Piece

Follow
Consolidate alerts with Feeder

Photo by Brett Jordan on Unsplash

Consolidate alerts with Feeder

Nir Adler's photo
Nir Adler
ยทFeb 7, 2023ยท
Play this article

Feeder is a self-hosted alert feed, you can use it to consolidate alerts from multiple sources, in my case I'm using it to get alerts on the status of my open source projects and self-hosted apps, any issues with one of these products will trigger a POST request to Feeder /webhook.

Feeder is built on SSR (Server Side Rendering) technologies.
My personal orientation is to the backend side, so I prefer to avoid client frameworks like React/Vue and such.
Instead, I'm using my own framework, Statikly, which is basically an opinionated Fastify template.

Feeder uses SSE (Server Sent Event), for real-time alert updates.

Feeder has one main page, the alerts page, you can search alerts by content, and tags, powered by Htmx, the alerts interaction feels like SPA (Single Page Application).

Another cool feature is the themes support, I'm using DaisyUI which comes with a pre-build set of themes, you can play with it and choose the theme you like.

Alerts fields

-   `title` - The title of the alert
-   `description` - The description of the alert
-   `level` - The level of the alert, can be empty/error/warning/info
-   `action` - The form action for the alert (trigger by the response button, see image above)
-   `actionMethod` - The form method for the alert, default to `POST`
-   `timestamp` - The timestamp for the alert
-   `tags` - The tags for the alert (experimental)
-   `groupId` - The groupId for the alert (experimental)

You can click an alert to see more details. If an action is present on the alert, a response button will be shown to trigger the action, this opens the way to cool interactions like confirming reading and action to deal with alerts. For example, an alert for a server that is not responding and an action response to restart the server.

Tech stack:

Checkout the Github repository for more https://github.com/niradler/feeder

Demo with n8n integration

ย 
Share this