Netlify StatusKit is a template to deploy your own Status pages on Netlify.
Netlify StatusKit is released under the MIT License. Please make sure you understand its implications and guarantees.
After the site is created, you can modify the code as much as you want and push it to your GitHub repository. Netlify will pick up changes from there.
You can add systems you want to report about to your Status page. For instance, you might want to tell your users about a status change in your CDN infrastructure but not in your API.
Go to site/config.toml
and change the global systems
variables. Once that's done, you'll be able to change the status of each one of those systems individually when you open or modify an incident.
Incidents are plain markdown files inside the site/content/incidents
directory.
Adding incidents to your status page is as simple as adding a new document to the incidents collection. Create a new incident using Hugo with a command like this as of Hugo v0.24:
cd site
hugo new incidents/oh-no-something-went-wrong.md
Hugo will create a new Markdown file for you with title and date based on the file name and a few predefined settings in the header. To learn more about the different severities and report, you can see more detailed examples in site/archetypes/incidents.md
.
After explaining the current situation in the incident, you can just push the file to GitHub. Netlify will deploy the indicent announcement for you in a matter of seconds.
Everything will be operational again when all incidents are marked with resolved = true
in the incident frontMatter:
+++
...
affectedsystems = ["API"]
resolved = true
+++
When there is an update in your incident you can track activity by inserting a timestamp with the update. For example:
**Update**: We've identified the issue. {{< track "2016-11-22T14:34:00.000Z" >}}
You can get the current date in a brower by running new Date().toISOString();