LI
Lifeni/status-page
A simple and customizable status page based on the UptimeRobot API.
Status Page
A status page based on UptimeRobot API
English | 中文
Introduction
This is a status monitoring page based on UptimeRobot API.
You can generate your own status monitoring page by modifying the config.ts file in the project root directory.
Inspired by yb/uptime-status, you can also try this project.
Demo
See https://status-page.dev.lifeni.life.
Deployment
Click the button below to deploy to Vercel.
You need to configure the Key of UptimeRobot in environment variables.
Expand to view environment variables
| Name | Description | Default | Type |
|---|---|---|---|
KEY |
Your UptimeRobot API Key | - | UptimeRobot API Key |
FAVICON |
Page favicon | /favicon.ico |
URL |
PAGE_TITLE |
Page title, in <head> |
Status Page |
Text |
PAGE_DESC |
Page description, in <head> |
A status page based on UptimeRobot API. |
Text |
THEME |
Page theme style | light |
dark or light |
CONTRAST |
Page color contrast | normal |
normal or high |
SHOW_HEADER_TITLE |
Whether to display the title in the middle of the page | true |
Boolean |
HEADER_TITLE |
Title in the middle of the page | Status Page |
Text |
SHOW_HEADER_DESC |
Whether to display the description in the middle of the page | true |
Boolean |
HEADER_DESC |
Description in the middle of the page | This is a demo site, and here is the description |
Text |
SHOW_HEADER_LOGO |
Whether to display the Logo in the middle of the page | true |
Boolean |
HEADER_LOGO |
Logo in the middle of the page | /logo.svg |
URL |
SHOW_HEADER |
Whether to display header | true |
Boolean |
SHOW_GLOBAL_STATUS |
Whether to display global status bar | true |
Boolean |
SHOW_FOOTER |
Whether to display footer | true |
Boolean |
Also see .env.example.
Documentation
For more documentation, see Home · Lifeni/status-page Wiki.
Screenshot
License
MIT License
On this page
Languages
TypeScript98.3%Shell1.7%
Contributors
MIT License
Created February 2, 2021
Updated May 14, 2025

