Quick Tip #008—Trigger a Netlify Build Every Day

In Quick Tip #007 we talked about migrating away from using a Client-side third-party JavaScript widget to display GitHub stargazer counts and towards a Data fetched at Build time approach.

Updating this data at build time means that the data isn’t necessarily “live” (although the counts are likely cached at by at least one of the upstream dependencies of this widget, with a frequency that is out of your control).

I’m comfortable with these numbers being a little delayed (more than the JS widget method was) and with this new approach I get more control over the frequency of updates BUT I do probably want to run the build at least once a day. To do this, I used an IFTTT applet to trigger my Netlify build to run every morning using Netlify’s Build Hooks.

Many other services also provide build hooks and/or scheduled builds!

Heavily inspired by Phil Hawksworth’s work on RSS Jamstack.

Step 1 Create a Build Hook Jump to heading #

1. Go into your Netlify site’s Build & Deploy settings
2. Select Continuous Deployment
3. Add a Build hook
4. Name it Deploy every day (or whatever you’d like)
5. I selected the main branch for my site.
6. Save this and it will provide you with a long URL a la https://api.netlify.com/build_hooks/SOME_ID_HERE. This is the URL you want.

Step 2 Schedule the Hook Trigger Jump to heading #

Here are a few options to trigger your build hook:

• Use cron-job.org to dynamically trigger your build hook.
• Use IFTTT (mini-tutorial below).

Mini-Tutorials Jump to heading #

IFTTT Jump to heading #

1. Go to New Applet on ifttt.com
2. Click +this
3. Select the Date & Time service
4. Select the Every day at option (or whatever frequency you’d like)
5. Select the time you’d like the build to run.
6. Click +that
7. Select the Webhooks service
8. Select the Make a web request option
9. For the URL field, use the Build Hook URL you’ve already retrieved from Netlify.
10. For the Method field, choose POST.
11. For the Content Type field, choose application/x-www-form-urlencoded.
12. For the Body field, type {}.
13. Click the Create action button.
14. Click Finish.

• All Quick Tips

• #001—Inline Minified CSS
• #002—Inline Minified JavaScript
• #003—Add Edit on GitHub Links to All Pages
• #004—Zero Maintenance Tag Pages for your Blog
• #005—Super Simple CSS Concatenation
• #006—Adding a 404 Not Found Page to your Static Site
• #007—Fetch GitHub Stargazers Count (and More) at Build Time
• #008—Trigger a Netlify Build Every Day
• #009—Cache Data Requests
• #010—Transform Global Data using an `eleventyComputed.js` Global Data File
• #011—Use local plugins to reduce config file size
• #011—Draft Posts using Computed Data
• View all of the Eleventy Quick Tips.