Home
Softono

Cloudflare Status Page

Open source MIT TypeScript
Website GitHub
12
Stars
9
Forks
6
Issues
1
Watchers
1 year
Last Commit
Monitoring & Observability Status Pages

 About Cloudflare Status Page

A Monitoring and Status Page using Cloudflare Worker and Pages. Inspired by https://github.com/eidam/cf-workers-status-page

Platforms

Web Self-hosted Cloud

Languages

TypeScript

Links

Website Source Code

Need Help Installing Cloudflare Status Page?

We provide expert installation service for this software. Our team will install, configure, and secure Cloudflare Status Page on your server. plans start at just $30.

Hire an Expert
Published by
h01001000
Visit View Profile

Cloudflare Status Page

View on GitHub

Cloudflare-Status-Page

A website monitoring and status page application design to be deploy on cloudflare at no cost image

Installing

Website

  1. Fork this repo

  2. Go to Cloudflare Workers& Pages, Create an application, Pages, Connect to Git

  3. Choose that repo

  4. Change setting Build settings

    • Framework preset: Next.js
    • Build command: cp .yarnrc.yml site && cp yarn.lock site && node ./scripts/removeLocalDeps.js && cd site && yarn install --immutable=false --mode=update-lockfile && npx @cloudflare/next-on-pages@1
    • Build output directory: /site/.vercel/output/static

    Environment variables (advanced)

    • NODE_VERSION 18

  5. Create and deploy

  6. Go to Settings, Functions, Compatibility flags add nodejs_compat

Monitoring app

  • Messure website response time at different locations
  • Cloudflare Worker
  • Cloudflare KV store

Status/Performance website

  • Cloudflare Pages

Inspired by https://github.com/eidam/cf-workers-status-page