Home
Softono
site-status

site-status

Open source MIT Vue
Website GitHub
891
Stars
622
Forks
11
Issues
4
Watchers
1 year
Last Commit
Status Pages

About site-status

site-status is an online status monitoring dashboard built on the UptimeRobot API. It provides a visually elegant and responsive interface for displaying the uptime and availability of monitored websites and services. Key features include multi-platform deployment support, automatic data refresh, a mobile-friendly responsive design, and optional site-wide password protection using JWT and hashing. Users must create monitors in UptimeRobot and provide a Read-Only API Key or Monitor-specific API Key via environment variables. The application is built with Nuxt and supports deployment on Cloudflare Pages, Vercel, and other hosting platforms that run Nuxt applications. Typical use cases include public or private status pages for websites, APIs, and services that need real-time availability monitoring, incident visibility, and a centralized overview of system health.

Platforms

Web Self-hosted

Languages

Vue

Links

Website Source Code
i
Published by
imsyy
Visit View Profile

README.md

View on GitHub

English | 简体中文

site-status

An online status panel based on UptimeRobot API


last commit code size GitHub stars GitHub followers

demo

👀 Demo

Demo password: 123456

🎉 Features

  • 🌍 Multi-platform deployment support
  • ✨ Elegant and smooth browsing experience
  • 🔐 Supports site password encryption (JWT + Hash)
  • 👀 Overall site status preview
  • ⏲️ Data auto-refresh
  • 📱 Mobile-friendly design

Prerequisites

  • You need to first add site monitors on UptimeRobot and get the Read-Only API Key from the My Settings or API Management page (Do not use the Main API key).
  • You can also use Monitor-specific API keys for individual monitors.

Deployment

Cloudflare

This project is deployed by default using Cloudflare Pages.

  • star and fork this project 😘
  • You can use the new NuxtHub to quickly deploy this project. If you have experience deploying on Vercel, the process is quite similar. Alternatively, you can use Cloudflare Pages for deployment.
  • Before moving on, make sure to configure the environment variables as detailed in the .env.example file. The API_KEY is a required field.
  • If everything goes smoothly, you should be able to see the project’s main page.

Vercel

Deploy with Vercel

  • Click the button above to deploy.

  • Add the following environment variables (important):

    Variable Name Value
    DEPLOYMENT_PLATFORM auto
    API_KEY

  • All set!

Other Hosting Platforms

For deployment guides, refer to the official documentation: Deploying Nuxt Apps

Q & A

How to Enable Site Encryption

Add the following environment variables: SITE_PASSWORD and SITE_SECRET_KEY. Both are required. The SITE_PASSWORD is the site password, and the SITE_SECRET_KEY is the encryption key, which you can choose freely.

Thanks