Statusfy is a Status Page System, easy to use and completely Open Source. You can easily create a fast System either Static Generated or Server Rendered and easily deploy it to a variety of hosting services. The goal behind is to lower costs and complexity providing a simpler and versatile Open Source alternative.
But, you may be thinking: Why do I need a Status Page System?. These systems are pretty simple and have one main task: communicate the status of an application or service. Nowadays, every single SaaS product should have a Status Page System, they allow us to increase customer confidence and reduce customer frustration about any service disruptions by giving retrospectives (also called Root Cause Analysis). With these systems, you can notify about service disruptions, planned maintenance or possible outages through multiple channels: email, SMS, Push, Webhooks, etc.
Another Status Page System. Why?
Currently, you can find several paid and open source Status Page Systems, but Statusfy is different, it was designed to generate one of these Systems that acts as a Web Application with the JAMstack and Serverless architecture in mind. It can also be created an Isomorphic application with Server Side Rendering if static contents are not a suitable choice. With these approaches, we wanted to enjoy a Status Page System that gives us better performance, higher security, cheaper hosting, and a better user experience.
A Statusfy site is a Web Application, created with Vue, Nuxt.js and Tailwind CSS: we use Vue to dynamically define the interfaces that represent the data, Nuxt.js to make a quick and useful abstraction of the client and server logic, and Tailwind CSS to rapidly define the style of the default theme.
Besides, the System Incidents are created using Markdown and Statusfy generates all the needed logic of your Status Page. The final Web Application can be generated from a single CLI, can be easily configured or customized with your Style requirements.
On the other hand, you can serve your Status Page System created with Statusfy in two different ways:
- Static Generated: you can generate the HTML for every one of the routes and store it in a file. With this, you can host the generated web application on any static hosting!.
- Server Rendered: If you want to reduce your deployment time or just not want to use a Static Hosting, you may consider rendering the pages on both the server and client side.
For these two ways of delivering your Statusfy Application, you can use great Hosting services. We created examples projects so you can start playing around right away with different popular hosting services you may want to use:
|Example Project||Example Project|
|Service||Static Generated||Server Rendered|
Creating a Status Page System
It’s pretty easy to get started with Statusfy. Install it globally with npm:
# change the working directory cd existing_folder # run the initialization command npx statusfy init # and install your local dependencies npm install # OR yarn install
Create a new incident with this command:
npm run new-incident # OR yarn new-incident
and launch the development server with:
npm run dev # OR yarn dev
You can also generate a Static Generated Website with:
npm run generate # OR yarn generate
or generate a Server Rendered Website with:
# generate static assets npm run build # OR yarn build # launch the server npm run start # OR yarn start
Contribute to Statusfy
Statusfy is a completely open source project, sponsored by Bazzite. It's still a work in progress, so any contribution is very welcome. We're passionate about building a versatile and a lower cost solution.
You can also support us by giving a GitHub star ★ and spread the word 🤓.