openstatus.dev
Openstatus
www.openstatus.dev
1<p align="center" style="margin-top: 120px">
2
3 <h3 align="center">OpenStatus</h3>
4
5 <p align="center">
6 <a href="https://status.openstatus.dev">
7 <img src='https://status.openstatus.dev/badge/v2?variant=outline'>
8 </a>
9 </p>
10
11 <p align="center">The Open-Source synthetic monitoring platform.
12 <br />
13 <a href="https://www.openstatus.dev"><strong>Learn more »</strong></a>
14 <br />
15 <br />
16 <a href="https://www.openstatus.dev/discord">Discord</a>
17 ·
18 <a href="https://www.openstatus.dev">Website</a>
19 ·
20 <a href="https://github.com/openstatushq/openstatus/issues">Issues</a>
21 </p>
22</p>
23
24## About OpenStatus 🏓
25
26OpenStatus is open-source synthetic monitoring platform.
27
28- **Synthetic monitoring**: Monitor your website and APIs globally and receive
29 notifications when they are down or slow.
30
31## Recognitions 🏆
32
33<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>
34
35<a href="https://news.ycombinator.com/item?id=37740870">
36 <img
37 alt="Featured on Hacker News"
38 src="https://hackerbadge.now.sh/api?id=37740870"
39 style="width: 250px; height: 55px;" width="250" height="55"
40 />
41</a>
42
43## Contact us 💌
44
45If you are interested in our enterprise plan or need special features, please
46email us at [ping@openstatus.dev](mailto:ping@openstatus.dev) or book a
47call<br/><br/>
48<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>
49
50## Contributing 🤝
51
52If you want to help us building the best status page and alerting system, you
53can check our
54[contributing guidelines](https://github.com/openstatusHQ/openstatus/blob/main/CONTRIBUTING.MD)
55
56### Top Contributors
57
58<a href="https://github.com/openstatushq/openstatus/graphs/contributors">
59 <img src="https://contrib.rocks/image?repo=openstatushq/openstatus" />
60</a>
61
62Made with [Contrib.rocks](https://contrib.rocks)
63
64### Stats
65
66
67
68## Tech stack 🥞
69
70- [Next.js](https://nextjs.org/)
71- [Tailwind CSS](https://tailwindcss.com/)
72- [shadcn/ui](https://ui.shadcn.com/)
73- [tinybird](https://tinybird.co/?ref=openstatus.dev)
74- [turso](https://turso.tech/)
75- [drizzle](https://orm.drizzle.team/)
76- [Resend](https://resend.com/)
77
78[](https://depot.dev/?utm_source=Opource=OpenStatus)
79
80## Getting Started 🚀
81
82### With Devbox
83
84You can use [Devbox](https://www.jetify.com/devbox/) and get started with the following commands:
85
861. Install Devbox
87 ```sh
88 curl -fsSL https://get.jetify.com/devbox | bash
89 ```
902. Install project dependencies, build and start services
91 ```sh
92 devbox services up
93 ```
94
95Alternatively, follow the instructions below.
96
97### Requirements
98
99- [Node.js](https://nodejs.org/en/) >= 20.0.0
100- [pnpm](https://pnpm.io/) >= 8.6.2
101- [Bun](https://bun.sh/)
102- [Turso CLI](https://docs.turso.tech/quickstart)
103
104### Setup
105
1061. Clone the repository
107
108```sh
109git clone https://github.com/openstatushq/openstatus.git
110```
111
1122. Install dependencies
113
114```sh
115pnpm install
116```
117
1183. Initialize the development environment
119
120Launch the database in one terminal:
121
122```sh
123turso dev --db-file openstatus-dev.db
124```
125
126In another terminal, run the following command:
127
128```sh
129pnpm dx
130```
131
1324. Launch the web app
133
134```sh
135pnpm dev:web
136```
137
1385. See the results:
139
140- open [http://localhost:3000](http://localhost:3000) for the web app
141
142### Videos
143
144Videos to better understand the OpenStatus codebase:
145
146- [The code behind OpenStatus and how it uses Turbopack](https://youtube.com/watch?v=PYfSJATE8v8).
147- [Drop Betterstack and go open source](https://www.youtube.com/watch?v=PKag0USy3eQ)