All Projects → netlify → Netlify Statuskit

netlify / Netlify Statuskit

Licence: mit
Netlify StatusKit is a template to deploy your own Status pages on Netlify.

Projects that are alternatives of or similar to Netlify Statuskit

trailing-slash-guide
Understand and fix your static website trailing slash issues!
Stars: ✭ 255 (+18.06%)
Mutual labels:  hugo, netlify, jamstack
Cstate
🔥 Open source static (serverless) status page. Uses hyperfast Go & Hugo, minimal HTML/CSS/JS, customizable, outstanding browser support (IE8+), preloaded CMS, read-only API, badges & more.
Stars: ✭ 1,186 (+449.07%)
Mutual labels:  netlify, hugo, statuspage
snipcart-hugo-integration
Hugo Website Tutorial with a Live Static E-Commerce Example
Stars: ✭ 38 (-82.41%)
Mutual labels:  hugo, netlify, jamstack
Atlas
The Hugo boilerplate we use for our projects.
Stars: ✭ 232 (+7.41%)
Mutual labels:  netlify, hugo, jamstack
Jamstackthemes
A list of themes and starters for JAMstack sites.
Stars: ✭ 298 (+37.96%)
Mutual labels:  netlify, hugo, jamstack
Bael Template
Brutalist Blog theme for Netlify CMS
Stars: ✭ 187 (-13.43%)
Mutual labels:  netlify, jamstack
Wowchemy Hugo Modules
🔥 Hugo website builder, Hugo themes & Hugo CMS. No code, build with widgets! 创建在线课程,学术简历或初创网站。
Stars: ✭ 6,093 (+2720.83%)
Mutual labels:  netlify, hugo
Hugo Boilerplate
A Hugo boilerplate for building modern websites
Stars: ✭ 58 (-73.15%)
Mutual labels:  hugo, jamstack
Starter Academic
🎓 Easily create a beautiful academic résumé or educational website using Hugo, GitHub, and Netlify
Stars: ✭ 1,158 (+436.11%)
Mutual labels:  netlify, hugo
Functions
Tutorials, examples, workshops and a playground for serverless with Netlify Functions
Stars: ✭ 463 (+114.35%)
Mutual labels:  netlify, jamstack
Ecommerce Netlify
🛍 A JAMstack Ecommerce Site built with Nuxt and Netlify Functions
Stars: ✭ 1,147 (+431.02%)
Mutual labels:  netlify, jamstack
Hawksworx.com
My hawksworx.com blog site, powered by Eleventy and Netlify
Stars: ✭ 90 (-58.33%)
Mutual labels:  netlify, jamstack
Eleventy Starter Ghost
A starter template to build websites with Ghost & Eleventy
Stars: ✭ 187 (-13.43%)
Mutual labels:  netlify, jamstack
Headlesscms.org
Source for headlesscms.org
Stars: ✭ 628 (+190.74%)
Mutual labels:  netlify, jamstack
Commercejs Nextjs Demo Store
Commerce demo store built for the Jamstack. Built with Commerce.js, Next.js, and can be one-click deployed to Netlify. Includes product catalog, categories, variants, cart, checkout, payments (Stripe) order confirmation, and printable receipts.
Stars: ✭ 737 (+241.2%)
Mutual labels:  netlify, jamstack
Alembic
⚗️ A Jekyll boilerplate theme designed to be a starting point for any Jekyll website
Stars: ✭ 501 (+131.94%)
Mutual labels:  netlify, jamstack
Next Js Blog Boilerplate
🚀 Nextjs Blog Boilerplate is starter code for your blog based on Next framework. ⚡️ Made with Nextjs, TypeScript, ESLint, Prettier, PostCSS, Tailwind CSS.
Stars: ✭ 134 (-37.96%)
Mutual labels:  netlify, jamstack
Gatsby Starter Lumen
A constantly evolving and thoughtful architecture for creating static blogs.
Stars: ✭ 1,797 (+731.94%)
Mutual labels:  netlify, jamstack
Eleventy Starter Boilerplate
🚀 Eleventy Starter is production-ready with SEO-friendly for quickly starting a blog. ⚡ Built with Eleventy, ESLint, Prettier, Webpack, PostCSS, Tailwind CSS and Netlify CMS (optional).
Stars: ✭ 139 (-35.65%)
Mutual labels:  netlify, jamstack
Jamstack Serverless
Learn JAMstack Serverless Modern App Development in Baby Steps using Gatsby.js, React, TypeScript, GraphQL, Contentful, Netlify, FaunaDB, MongoDB, Apollo, Github Actions, Project Fugu, and CSS Houdini.
Stars: ✭ 178 (-17.59%)
Mutual labels:  netlify, jamstack

Introduction

Netlify StatusKit is a template to deploy your own Status pages on Netlify.

Netlify StatusKit Demo

Netlify StatusKit is released under the MIT License. Please make sure you understand its implications and guarantees.

Deploy to Netlify

Project Status

This project is no longer being maintained by netlify staff. This is a community led project and if you are looking to support this project, please get in touch via an issue.

Netlify's Statement

[Netlify] doesn't currently have the staff to process such contributions.

Initial configuration

Click in the Deploy to Netlify button above to create your own site directly and push this repository to your own account. Before creating the site, Netlify will ask you to fill required environment variables listed here:

  • STATUSKIT_PAGE_TITLE - Title to show in the browser for your status site.
  • STATUSKIT_COMPANY_LOGO - URL to your company's logo.
  • STATUSKIT_SUPPORT_CONTACT_LINK - URL to a support page for your users to talk with you.
  • STATUSKIT_RESOURCES_LINK - URL to documentation for your users.

Extra configuration

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.

Reporting systems

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.

Full customization

This template is based in Netlify's Victor-Hugo boilerplate. To work on it you'll need NPM installed. To download dependencies type npm run dependencies, that will check if you have Hugo installed and will download it for you if you don't. It will also run npm install for the first time to download extra dependencies. After that, you can run npm install every time you want to install packages.

Managing incidents

Incidents are plain markdown files inside the site/content/incidents directory.

Creating new incidents

Adding incidents to your status page is as simple as adding a new document to the incidents collection. Create a new incident using npm:

npm run new-incident

You'll be asked a series of questions about the incident, then Hugo will generate a new file pre-filled with your responses.

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.

Resolving incidents

Everything will be operational again when all incidents are marked with resolved = true in the incident frontMatter:

+++
...
affectedsystems = ["API"]
resolved = true
+++

Tracking activity

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" >}}

Development

Netlify StatusKit uses NPM to manage dependencies. It also bundles a version of Hugo to work out of the box.

  1. Use npm install to download dependencies.
  2. Use npm start to start the development server.
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].