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

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)

Badge status in the Netlify site

Badge status in the GitHub README file

Completed - Success

Badge status in the Website Blog Post (localhost)

Badge status in the Netlify site

Badge status in the GitHub README file

References

• https://docs.netlify.com/monitor-sites/status-badges/

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