openstatushq / astro-status-page

An open source astro status page

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 📚

• Astro
• OpenStatus
• Cloudflare Pages
• Tailwind CSS

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

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

pnpm pages:dev

6. 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

3. Profit 🔥

astro-status-page's Issues

Error deployment on Cloudflare Pages

Hello again!

I followed your process in the README, but I've got an error :

22:34:15.167 | dependencies:
22:34:15.167 | + @astrojs/check 0.3.3
22:34:15.167 | + @astrojs/cloudflare 8.0.0
22:34:15.168 | + @astrojs/node 7.0.1
22:34:15.168 | + @astrojs/react 3.0.8
22:34:15.168 | + @astrojs/tailwind 5.0.3
22:34:15.168 | + @radix-ui/react-hover-card 1.0.7
22:34:15.168 | + astro 4.0.6
22:34:15.168 | + react 18.2.0
22:34:15.168 | + react-dom 18.2.0
22:34:15.169 | + tailwindcss 3.3.6
22:34:15.169 | + typescript 5.3.3
22:34:15.169 | + zod 3.22.4
22:34:15.169 |  
22:34:15.169 | devDependencies:
22:34:15.169 | + @types/react 18.2.45
22:34:15.169 | + @types/react-dom 18.2.18
22:34:15.170 | + prettier 3.1.1
22:34:15.170 | + prettier-plugin-astro 0.12.2
22:34:15.170 | + wrangler 3.21.0
22:34:15.170 |  
22:34:15.187 | Done in 11.6s
22:34:15.255 | Executing user command: pnpm pages:build
22:34:16.121 | undefined
22:34:16.123 | ERR_PNPM_RECURSIVE_EXEC_FIRST_FAIL  Command "pages:build" not found
22:34:16.124 |  
22:34:16.124 | Did you mean "pnpm pages:deploy"?
22:34:16.162 | Failed: Error while executing user command. Exited with error code: 1
22:34:16.174 | Failed: build command exited with code: 1
22:34:17.191 | Failed: error occurred while running build command

I also tested with pnpm pages:deploy we can see in the package.json, but same error.

22:39:36.095 | > [email protected] pages:deploy /opt/buildhome/repo
22:39:36.095 | > astro build && wrangler pages deploy ./dist
22:39:36.095 |  
22:39:38.694 | 21:39:38 [WARN] [@astrojs/cloudflare] The current configuration does not support image optimization. To allow your project to build with the original, unoptimized images, the image service has been automatically switched to the 'noop' option. See https://docs.astro.build/en/reference/configuration-reference/#imageservice
22:39:38.771 | 21:39:38 [build] output: "server"
22:39:38.772 | 21:39:38 [build] directory: /opt/buildhome/repo/dist/
22:39:38.772 | 21:39:38 [build] adapter: @astrojs/cloudflare
22:39:38.772 | 21:39:38 [build] Collecting build info...
22:39:38.772 | 21:39:38 [build] ✓ Completed in 152ms.
22:39:38.774 | 21:39:38 [build] Building server entrypoints...
22:39:40.498 | 21:39:40 [build] ✓ Completed in 1.72s.
22:39:40.499 |  
22:39:40.500 | building client (vite)
22:39:40.508 | 21:39:40 [vite] transforming...
22:39:41.447 | 21:39:41 [vite] ✓ 52 modules transformed.
22:39:41.508 | 21:39:41 [vite] rendering chunks...
22:39:41.558 | 21:39:41 [vite] computing gzip size...
22:39:41.567 | 21:39:41 [vite] dist/_astro/client.3-hOKVd1.js    1.40 kB │ gzip:  0.74 kB
22:39:41.568 | 21:39:41 [vite] dist/_astro/bar.wPZgJRW9.js      39.18 kB │ gzip: 14.29 kB
22:39:41.568 | 21:39:41 [vite] dist/_astro/index.Xx7mfr_0.js   140.89 kB │ gzip: 45.29 kB
22:39:41.569 | 21:39:41 [vite] ✓ built in 1.06s
22:39:41.597 | 21:39:41
22:39:41.597 | finalizing server assets
22:39:41.597 |  
22:39:41.597 | 21:39:41 [build] Rearranging server assets...
22:39:41.760 | 21:39:41 [build] Server built in 3.14s
22:39:41.761 | 21:39:41 [build] Complete!
22:39:42.694 |  
22:39:42.831 | ✘ [ERROR] In a non-interactive environment, it's necessary to set a CLOUDFLARE_API_TOKEN environment variable for wrangler to work. Please go to https://developers.cloudflare.com/fundamentals/api/get-started/create-token/ for instructions on how to create an api token, and assign its value to CLOUDFLARE_API_TOKEN.
22:39:42.832 |  
22:39:42.832 |  
22:39:42.832 | If you think this is a bug then please create an issue at https://github.com/cloudflare/workers-sdk/issues/new/choose
22:39:42.833 | ? Would you like to report this error to Cloudflare?
22:39:42.833 | 🤖 Using fallback value in non-interactive context: no
22:39:42.837 | 🪵  Logs were written to "/opt/buildhome/.config/.wrangler/logs/wrangler-2023-12-21_21-39-42_497.log"
22:39:42.858 | ELIFECYCLE  Command failed with exit code 1.
22:39:42.896 | Failed: Error while executing user command. Exited with error code: 1
22:39:42.906 | Failed: build command exited with code: 1
22:39:43.931 | Failed: error occurred while running build command