In this blog post, we will see how to add the status badge of the latest Netlify build of your site.

Badge for my website

Netlify Status

How to do

  • Go to Netlify site
  • Click on Settings https://app.netlify.com/sites/<YourSiteName>/settings/general
  • Click on Status Badges section
  • Copy the snippet given below (the snippet has your App Id of your site embedded)
  • Paste it anywhere you like - README of your website, header file of the site etc., to reflect the latest build status of your site with Netlify

Images

Being Published - Building

Badge status in the Website Blog post (localhost)

Changes are being built - Building

Badge status in the Netlify site

Deployment is starting up - Starting Up

Badge status in the GitHub README file

GitHub README status - Building

Completed - Success

Badge status in the Website Blog Post (localhost)

Changes are successfully deployed - Success

Badge status in the Netlify site

Netlify Site Status - Published

Badge status in the GitHub README file

GitHub README status - Success

References

Cheers,
RM…
Raghavan alias Saravanan Muthu
26 Jun 2021 | Sat | 17:17:50 PM IST