+50 -32

README.md

··· 2 2 3 3 <h3 align="center">OpenStatus</h3> 4 4 5 5 - <p align="center"> The Open-Source synthetic and Real User Monitoring monitoring platform. 5 5 + <p align="center"> 6 6 + <a href="https://status.openstatus.dev"> 7 7 + <img src='https://status.openstatus.dev/badge'> 8 8 + </a> 9 9 + </p> 10 10 + 11 11 + <p align="center"> The Open-Source frontend performance monitoring platform. 6 12 <br /> 7 13 <a href="https://www.openstatus.dev"><strong>Learn more »</strong></a> 8 14 <br /> ··· 19 25 20 26 ## About OpenStatus 🏓 21 27 22 22 - OpenStatus is open-source synthetic and real user monitoring platform with 23 23 - beautiful status page and incident management. We are building it publicly for 24 24 - everyone to see our progress. We believe great softwares are built this way. 28 28 + OpenStatus is open-source frontend monitoring plateform. 25 29 26 26 - You can choose to host it yourself or use our hosted version at 27 27 - [openstatus.dev](https://www.openstatus.dev) 30 30 + - **Synthetic monitoring**: Monitor your website and APIs worldwide and receive 31 31 + notifications when they are down or slow. 32 32 + - **Real User Monitoring**: Understand how your users are experiencing your 33 33 + website with core web vitals metrics. 34 34 + 35 35 + ## Recognitions 🏆 36 36 + 37 37 + <a href="https://trendshift.io/repositories/1780" target="_blank"><img src="https://trendshift.io/api/badge/repositories/1780" alt="openstatusHQ%2Fopenstatus | Trendshift" style="width: 250px; height: 55px;" width="250" height="55"/></a> 38 38 + 39 39 + <a href="https://news.ycombinator.com/item?id=37740870"> 40 40 + <img 41 41 + alt="Featured on Hacker News" 42 42 + src="https://hackerbadge.now.sh/api?id=37740870" 43 43 + style="width: 250px; height: 55px;" width="250" height="55" 44 44 + /> 45 45 + </a> 28 46 29 47 ## Contact us 💌 30 48 31 31 - If you want to learn more about this project or have any questions, book a call 32 32 - with us or send us an email at [ping@openstatus.dev](mailto:ping@openstatus.dev) 33 33 - <br/><br/> 49 49 + If you are interested in our enterprise plan or need special features, please 50 50 + email us at [ping@openstatus.dev](mailto:ping@openstatus.dev) or book a 51 51 + call<br/><br/> 34 52 <a href="https://cal.com/team/openstatus/30min"><img alt="Book us with Cal.com" src="https://cal.com/book-with-cal-dark.svg" /></a> 53 53 + 54 54 + ## Roadmap 🗺️ 55 55 + 56 56 + Here's our [roadmap](https://openstatus.productlane.com/roadmap) feel free to 57 57 + contribute to it. 58 58 + 59 59 + ## Contributing 🤝 60 60 + 61 61 + If you want to help us building the best status page and alerting system, you 62 62 + can check our 63 63 + [contributing guidelines](https://github.com/openstatusHQ/openstatus/blob/main/CONTRIBUTING.MD) 64 64 + 65 65 + ### Top Contributors 66 66 + 67 67 + <a href="https://github.com/openstatushq/openstatus/graphs/contributors"> 68 68 + <img src="https://contrib.rocks/image?repo=openstatushq/openstatus" /> 69 69 + </a> 70 70 + 71 71 + Made with [Contrib.rocks](https://contrib.rocks) 72 72 + 73 73 + ### Stats 74 74 + 75 75 +  35 76 36 77 ## Built with 🛠️ 37 78 ··· 128 169 129 170 - [The code behind OpenStatus and how it uses Turbopack](https://youtube.com/watch?v=PYfSJATE8v8). 130 171 - [Drop Betterstack and go open source](https://www.youtube.com/watch?v=PKag0USy3eQ) 131 131 - 132 132 - ## Roadmap 🗺️ 133 133 - 134 134 - Here's our [roadmap](https://openstatus.productlane.com/roadmap) feel free to 135 135 - contribute to it. 136 136 - 137 137 - ## Contributing 🤝 138 138 - 139 139 - If you want to help us building the best status page and alerting system, you 140 140 - can check our 141 141 - [contributing guidelines](https://github.com/openstatusHQ/openstatus/blob/main/CONTRIBUTING.MD) 142 142 - 143 143 - ### Top Contributors 144 144 - 145 145 - <a href="https://github.com/openstatushq/openstatus/graphs/contributors"> 146 146 - <img src="https://contrib.rocks/image?repo=openstatushq/openstatus" /> 147 147 - </a> 148 148 - 149 149 - Made with [Contrib.rocks](https://contrib.rocks) 150 150 - 151 151 - ### Stats 152 152 - 153 153 - 

+21

apps/docs/synthetic/features/status-page.mdx

··· 17 17 A status page is a public page that displays the status and performance of your 18 18 services. It shows the current status of your services and the history of 19 19 incidents. 20 20 + 21 21 + ## Status Page Badge 🏷️ 22 22 + 23 23 + You can embed the status page badge on your website or GitHub README to show the 24 24 + current status of your services. 25 25 + 26 26 + <a href="https://status.openstatus.dev"> 27 27 + <img src="https://status.openstatus.dev/badge" /> 28 28 + </a> 29 29 + 30 30 + Copy the following code and paste it into your website or GitHub README: 31 31 + 32 32 + ```html 33 33 + <img src="https://YOUR-SLUG.openstatus.dev/badge" /> 34 34 + ``` 35 35 + 36 36 + If you want the dark version of the badge, you can use the following URL: 37 37 + 38 38 + ```html 39 39 + <img src="https://YOUR-SLUG.openstatus.dev/badge?theme=dark" /> 40 40 + ```

apps/web/public/assets/changelog/status-page-badge.jpeg

This is a binary file and will not be displayed.

+20

apps/web/src/content/changelog/status-page-badge.mdx

··· 1 1 + --- 2 2 + title: Status Page SVG Badge 3 3 + description: Easily integrate the status of your service everywhere. 4 4 + image: /assets/changelog/status-page-badge.jpeg 5 5 + publishedAt: 2024-05-02 6 6 + --- 7 7 + 8 8 + We have added a new feature to embed the status of your service everywhere. 9 9 + 10 10 + Just copy the following code and paste it into your website or GitHub README: 11 11 + 12 12 + ```html 13 13 + <img src="https://YOUR-SLUG.openstatus.dev/badge" /> 14 14 + ``` 15 15 + 16 16 + And it will look like this: 17 17 + 18 18 + <a href="https://status.openstatus.dev"> 19 19 + <img src="https://status.openstatus.dev/badge" /> 20 20 + </a>