A modern, zero-dependency uptime monitoring tool & status page based on GitHub Actions & Nuxt Content v2.

Last update: Dec 27, 2022

Overview

StatusBase

Uptime monitoring tool & beautiful status pages

Powered by Nuxt Content v2!
Free • Open Source • Notification

View Demo · Report Bug · Request Feature

Inspiration

I saw a lot of Status Page Software-as-a-Service (SAAS) out there lately, but I want to create one that allow users to freely host it themselves, and configure it to their hearts content.

On top of that, I find that this a golden opportunity to play with Nuxt Content v2 😆

🚀 Features

🤩 Free
📖 Open-Source
🚀 Host it on platforms
📝 Write incident report in Markdown
0️⃣ Zero dependency on other service
🔔 Email notifications when site is down

🔨 Built With

Setup instructions

Warning This project is still under development

Fork the repository
Update cron frequency on .github/workflows/health-check.yaml
Create [name].yaml on /content/urls (eg: doc.yaml)
Copy the template below to your yaml file created in step 2

url: "https://docs.zernonia.com"
title: "Doc"
description: "Documentation website for zernonia"
# IMPORTANT! url must be first line
# you can add any extra field here

Set up on any platform you ant
Celebrate! 🎉

How it works?

This project uses GitHub actions to wake up every hour and run a shell script (health-check.sh). This script runs curl on every .yaml file in your /content/urls directory and appends the result of that run to a log file and commits it to the repository.

All thanks to Nuxt Content v2, we easily fetch the log data, as well as documented incidents report easily and display it on the website.

However, there's a downside with using GitHub Actions as CRON, which is the scheduled delayed. Other than that, the current Nuxt Content v2 doesn't support remote git sources yet, so we have to rebuild the apps every 30 minutes (depending on the frequeny you set in .github/workflows/health-check.yaml), which is not ideal.

➕ Contributing

Contributions are what make the open source community such an amazing place to be learn, inspire, and create. Any contributions you make are greatly appreciated.

Fork the Project
Create your Feature Branch (git checkout -b feature/AmazingFeature)
Commit your Changes (git commit -m 'Add some AmazingFeature')
Push to the Branch (git push origin feature/AmazingFeature)
Open a Pull Request

📜 License

Distributed under the MIT License. See LICENSE for more information.

📧 Contact

Zernonia - @zernonia - [email protected]

Also, if you like my work, please buy me a coffee ☕ 😳

Nuxt 3 module for Kirby's Query Language API

nuxt-kql Kirby KQL module for Nuxt 3. This module provides a useKql composable, which under the hood uses useFetch. Thus, KQL query fetching in your N

Dec 15, 2022

This repo contains a fully configured nuxt 3 instance supporting TypeScript and several considered as useful libraries, fully configured and ready to use in real world projects!

Nuxt 3 Starter This repo contains a fully configured nuxt 3 instance supporting TypeScript and several considered as useful libraries, fully configure

Dec 27, 2022

Comments

UI: use padding instead of margin for Uptime section
This way, we always have one selected when we hover, this is a much better UX and this will keep the spacing working.

https://user-images.githubusercontent.com/904724/170997853-9146e914-6466-4273-88fa-6e8b8834533d.mp4

By hacking in the devtools around it and adding:

[data-v-tippy] { padding: 0.3em; cursor: pointer; }

It looks like this:

https://user-images.githubusercontent.com/904724/170998295-42392899-94d9-4770-904a-caf7210e1bed.mp4
opened by Atinux 1