https://github.com/openstatushq/astro-status-page

An open source astro status page
https://github.com/openstatushq/astro-status-page

astro cloudflare-pages status-page

Last synced: 5 days ago
JSON representation

An open source astro status page

• Host: GitHub
• URL: https://github.com/openstatushq/astro-status-page
• Owner: openstatusHQ
• Created: 2023-12-20T20:01:13.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2025-01-01T21:23:51.000Z (27 days ago)
• Last Synced: 2025-01-22T01:09:23.965Z (7 days ago)
• Topics: astro, cloudflare-pages, status-page
• Language: Astro
• Homepage: https://astro.openstat.us
• Size: 141 KB
• Stars: 62
• Watchers: 4
• Forks: 13
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Astro Status Page by OpenStatus 🔭

Built by [OpenStatus](https://www.openstatus.dev)

## Demo 🚀

[https://astro.openstat.us](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 📚

- [Astro](https://astro.build)

- [OpenStatus](https://www.openstatus.dev)

- [Cloudflare Pages](https://pages.cloudflare.com)

- [Tailwind CSS](https://tailwindcss.com)

## Getting Started 🚀

To start your own status page, you'll need to create an account on [OpenStatus](https://www.openstatus.dev) 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

```bash

     pnpm install

```

4. Set up your environment variables

   - Copy `.dev.vars.example` to `.dev.vars`

   - Fill `API_KEY` with your OpenStatus API key

5. Start the dev server

```bash

pnpm pages:dev

```

6. Customize it 🧑‍🎨

### Deployement 🚀

You can easily deploy your status page on [Cloudflare Pages](https://pages.cloudflare.com).

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:

```bash

pnpm pages:deploy

```

3. Profit 🔥