Development

#DevHack: Specifying what to run on Vercel dev

December 20, 2020

While developing the integration with Strava on our cycling club website, I wanted to use serverless functions to simplify the data retrieval from Strava. The website runs on Vercel, and if you’re going to test out your serverless functions locally, you will need to use Vercel its CLI. You can install the Vercel CLI by running the following command: npm i vercel -g.

Read more

#DevHack: Open custom VSCode WebView panel and focus input

December 10, 2020

For the last two weeks, I have been working on my FrontMatter extension for Visual Studio Code. This extension helps others and myself make it easier to manage their static markdown pages' metadata. Some time ago, I received the question to enhance the tag and category experience. As when you have many tags or categories, it is not optimal to use the selectors/pickers VSCode provides you.

Read more

Be aware adding extensions to SharePoint Content Type Hub

December 7, 2020

For one of our clients, we had a Microsoft support case open for a long time. On the client, its tenant, every time they created a new site collection, our Valo application customizers appeared automatically. Most of the time, this happened between 5-60 minutes. Internally in our Valo codebase, we do not have anything which triggers this automation.

Read more

#DevHack: Dismiss messaging extension dialog in MS Teams

November 27, 2020

Currently, I am developing my first “real” Microsoft Teams app with SharePoint Framework. In this app, I am making use of the new messaging extension capability. Info what are messaging extensions? While developing a form in my extension, I wanted to cancel and submit a button. When I started implementing the cancel button, its onClick event, I was lost in how to close the dialog.

Read more

#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