Deploy your JAMstack app to Netlify in one click from your smartphone

A few weeks ago, Nicolas and I launched https://jamstack.paris, a JAMstack website powered by GatsbyJS and hosted on Netlify.

JAMstack applications deliver static websites to end-users with the benefit of high performance and CDN ease and still allow dynamism by sourcing content or data during build time.

Screenshot 2018-12-01 at 19.08.24

On https://jamstack.paris for example, we collect the number of attendees for our events using Gatsby Source Meetup plugin and this happens on build time.

The drawback of this dynamism-on-build approach is that our website may be not synced with real count of attendees until we build the site again.

meetup35jamstack42

So, we wanted a quick way to build the site on Netlify with a simple button on our smartphones, and you can have the same setup in less than five minutes, let’s go 🚀.

Claim your build hook on Netlify

Head on Settings > Build & Deploy > Build hooks section on your Netlify dashboard and hit the “Add build hook” button.

Screenshot 2018-12-02 at 17.35.40

Give an explicit name to your hook, for example Smartphone Deploy and copy the curl request Netlify provides to you.

build_hook

Send the build request from your phone

Now we want to sent this build request from our phone.

You are on android 👾

HTTP Request Shortcuts application is doing exactly that and requires no permissions on device, which is good in terms of privacy.

image1image2image3
image4image5image6

You are on iOS 🍏

The native Shortcuts application does the job. Head to the app and create a new shortcut. You will need two actions:

  1. URL
  2. Get Contents of URL

Paste the URL from Netlify (without curl) in the field of the first action.

The second action is also really easy to setup. Just open the Advanced options and change the Method to POST.

Hurray! Now we can deploy from our smartphone’s homescreen 🚀

If you have any suggestions or questions, feel free to add them in the comments. And if you want to speak about JAMstack in Paris, we’d love to get in touch with you. First meetup gathering in Paris on December 18th


You liked this article? You'd probably be a good match for our ever-growing tech team at Theodo.

Join Us