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.

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

Using this solution in Hugo is as simple as adding your SnapWidget ID to a custom instagram shortcode. Easy, right? And it works! It also ends the drama from Meta… thanks to the brave people of SnapWidget.

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