DEV Community

Cover image for How did I build a free status page for my website?
David Nguyen
David Nguyen

Posted on

How did I build a free status page for my website?

In the days of the Covid-19 lockdown in Ho Chi Minh, Vietnam. I have been working from home for the past 2 months. In my free time, I share how to create a status statistics page, although it seems quite new or there are paid packages with great features, but for personal needs I choose free services.

You can see my site demo at http://status.eplus.dev

image

You can register here

Sign up for an account
image

Enter the website address you need to track
image

See the stats page we just created will have the format https://updown.io/xxxx . Example: https://updown.io/2yy9
Screenshot 2021-07-01 202037

Don't forget to make your page public
Screenshot 2021-07-01 203150

Custom domain status page

In order to have your status page available under your own subdomain,
you need to create a CNAME record from your subdomain to xxxx.status.updown.io
(xxxx being your check token, visible in your status page URL).

For example, in order to direct https://status.example.com to https://updown.io/2yy9,
you need to create a CNAME entry status.example.com pointing to 2yy9.status.updown.io.
Example: https://status.eplus.dev

An SSL certificate will automatically be generated for your custom domains.
Also, your status page must be PUBLIC, otherwise you'll get a 404.

Screenshot 2021-07-01 203028

Good luck

Top comments (2)

Collapse
 
adrienjarthon profile image
Adrien Rey-Jarthon

Hello! Adrien here from updown.io 👋

Thanks for the article, I just want to point out that updown.io is not free forever, you get free credits to start with but at some point (depending on how fast you use them) if you don't renew you'll be out of credits 🙃 (it's pretty cheap to renew though)

Collapse
 
hoangit profile image
David Nguyen

thanks for sharing