Office Development MVP / Microsoft 365 & Azure Development

Elio Struyf is an independent Engineering Lead working for Struyf Consulting, Blogger, and Speaker on a mission to share his tried-and-true wisdom with as many IT developers as possible.

#DevHack: Optimizing initial load JS from Next.js

November 27, 2020

Now that my PimpYourOwnBike website has launched. I started looking at where I can do some optimizations. When looking at the Next.js build output, I spotted a red number in the First Load JS section. First load JS too big That would be the first thing on my list to optimize, getting this number from red to green.

Read more

#DevHack: Create SharePoint library with the Microsoft Graph

November 26, 2020

When you are reading this, you are looking to create a SharePoint library from the Microsoft Graph. It is straightforward but a bit confusing because you will have to use the lists endpoint. When you are a SharePoint developer, we all learned that a list is not the same as a library, and lists get created under the /lists/ URL path.

Read more

My take on the Next.js framework

November 24, 2020

Last week, just went I took my bike for a ride. I got an idea. What if I create a new store for selling online personalizable bike stickers? During the two-hour bike ride, I more and more got convinced of the idea. When I was back home, I started printing a couple of stickers to test it out.

Read more

#DevHack: Configuring domains for your branches on Vercel

November 21, 2020

To prepare my new online store’s release for selling personalizable bike stickers called: Pimp Your Own Bike. I wanted to make sure that I could test out my website before merging it to the main branch. Using a predefined custom domain would be the easiest way. Highlighting my environments On Azure, I would typically use slots on the web app.

Read more

#DevHack: Getting some clarity in your site analytics

November 17, 2020

This weekend I discovered a cool new tool from Microsoft called Clarity. The tool allows you to understand how users interact with your website. It can do this by using Google Analytics integration and features like session replays and heatmaps. Info https://clarity.microsoft.com/ I was not looking for such a tool.

Read more

#DevHack: Dynamic manifests for Progressive Web App aka PWA

October 28, 2020

In the previous #DevHack, I told you how to use deep links in your PWA for Microsoft Teams. This approach I currently implemented in one of my proof of concepts. Another functionality that my POC needed to have is to have dynamic manifest creating for the PWA. Info #DevHack: Deep linking to Microsoft Teams in Android and iOS In this #DevHack, I will tell you how you can make it possible to get dynamic manifests for your PWA using Azure Static Web Apps and Azure Functions.

Read more