Skip to content

openstatusHQ/astro-status-page

Repository files navigation

Astro Status Page by OpenStatus 🔭

Built by OpenStatus

Demo 🚀

https://astro.openstat.us

What is this? 🤔

It's a simple status page, bring your OpenStatus API key and you're good to go!

Fork it, tweak it, make it yours 🚀

Tech Stack 📚

Getting Started 🚀

To start your own status page, you'll need to create an account on OpenStatus create some monitor. Once you've done that, you'll need to create a new API key in the settings and copy it.

Development 🧑‍💻

  1. Fork this repo, or clone it.

  2. Go to the project folder

  3. Install dependencies

     pnpm install
  1. Set up your environment variables

    • Copy .dev.vars.example to .dev.vars
    • Fill API_KEY with your OpenStatus API key
  2. Start the dev server

pnpm pages:dev
  1. Customize it 🧑‍🎨

Deployement 🚀

You can easily deploy your status page on Cloudflare Pages.

  1. Set the API key in the environment variables of your worker

    • Go to your worker settings
    • Add a new variable named API_KEY and paste your OpenStatus API key
  2. run the following command:

pnpm pages:deploy
  1. Profit 🔥