I had a solution for a clean, good looking, free Instagram widget on my website, but it no longer rendered in Firefox due to cross-domain restrictions. Therefore I created a fix for Hugo websites. You can find a demo here:

I used the getRemote call to get these images locally. Then I use Hugo’s image processing to compress them further. Finally I let Usecue CMS build my website daily so the images stay fresh.

Note that you still need to register a free Instagram widget at SnapWidget, just like my previous solution. SnapWidget provides you with fresh urls during every build, which is required to download the images from Instagram.

Using this solution in Hugo is as simple as adding your SnapWidget ID to a custom instagram shortcode. Easy, right?

{{< instagram id="1030175" >}}

Is this whole setup too complex for a few images? Yes. But does it work on every browser without big tech spying on us? Also yes.

We win.

()  Joost van der Schee