Serge van den Oever's weblog

Personal blog by Serge van den Oever - als je maar lol hebt...
Twitter: @svdoever
LinkedIn: Serge van den Oever - articles on LinkedIn

Technology Consultant @ Macaw
Competence Team Lead Custom Application Development @ Macaw
2022 Technology Sitecore Most Valuable Professional
2021 Technology Sitecore Most Valuable Professional

XM Cloud rendering host options and fast local development with Experience Editor & Pages

XM Cloud comes with an out-of-the-box internal rendering host. Deployment to this host is currently slow (Sitecore is working on decoupling Editing Host builds/deployments from CM builds/deployments so that Editing Host builds/deployments are fast). Lets use a locally running rendering host, and expose it to the outside world using a reverse-proxy so the Experience Editor and Pages can work with the rendering host on your dev box.

XM Cloud - first steps on building renderings with Next.js

Ok, you have access to XM Cloud, but now you want to extend the set of renderings available to design your pages. In this post I will take you on a trip to take this first steps.

XM Cloud - getting the Project ID

When working with the Sitecore CLI against XM Cloud, the Project Id is needed as a parameter. There are multiple ways to retrieve this Project Id.

XM Cloud Play! Summit demo

The XM Cloud Play! Summit demo is similar to the Play! Summit demo as available in de Sitecore demo portal, but tailered for XM Cloud. And in just a few command you can get it running on your local machine...

XM Cloud documentation

XM Cloud documentation is getting there!

Running the XM Cloud SXA Starter on your local machine

The Sitecore JavaScript Rendering SDK comes with a new headless SXA starter that is only useable for XM Cloud, no access to XM Cloud? No problem! Lets run it locally...

The XM Cloud container - don't fiddle (too much) with it...

A failed experiment to make a local XM Cloud development environment known to the outside world.

Local XM Cloud development

Although XM Cloud runs in the cloud, development can be done locally using Docker containers. This way we can see what we can do with XM Cloud without having access to the real stuff (yet).

Sitecore demo portal series - Part 2 - The Sitecore CLI

In this second part of the Sitecore demo portal series I investigate if the Sitecore CLI, as used during the configuration of Sitecore XM 10.2 by the Sitecore demo portal provisioning scripts, also works for the developer.

Sitecore demo portal series - Part 1 - create an empty environment from scratch with the demo portal

In this first part of theSitecore demo portal series I will spin up an empty environment using the Sitecore demo portal. I will guide you through all required steps, so everything is prepared to take the next steps of creating a Sitecore headless site, a "head" website using Next.js, and utilizing Experience Edge for content delivery.

XM Cloud series - Part 1 - create an empty environment from scratch with the demo portal

After mistakenly thinking that the Sitecore demo portal was using XM Cloud, I rewrote this blog post to explain I made a mistake.

Rewatching (Sitecore) videos on BOX a lot? Use keyboard shortcuts

A short post that will save you a lot of time if you need to watch a lot of box.com videos: keyboard shortcuts!

Sitecore SXA cheat sheet

A cheat sheet for Sitecore SXA without C# coding.

Prevent useless npm error output in your project

When you run an npm script that has not exit code 0, an annoying set of useless error lines is shown. But there are some options to get rid of them!

VSCode tasks and parsing your custom output for problems

For custom tools reporting problems like errors and warnings it is nice if they end up in the "Problems" panel in Visual Studio Code. In this post I describe how to achieve this.

Chalk, TypeScript and Lerna

Get chalk working with TypeScript, get color output with chalk in Lerna.

Next.js on Azure with Sitecore JSS

Running Sitecore JSS headless frontend with Next.js on Azure with all its CSR, SSR, SSG, and ISG goodness could look like this...

Next.js on Azure, and an example on how to use it for Sitecore JSS

Running Next.js on Azure with all its CSR, SSR, SSG, and ISG goodness. And as an example run also Sitecore JSS on it!

Run Gulp 4 tasks programmatically from NodeJS

Want to use the power of Gulp within your NodeJS application, instead of using the Gulp CLI and a gulpfile.js file? I finally found out how...

Processing multipart/form-data in NodeJS Azure function with HttpTrigger

Processing multipart/form-data containing both fields, files and images is not as easy as it seems to be in a NodeJS Azure function with HttpTrigger. But it can be done, and I will show you how!

Netlify functions - continue after completion

Netlify functions are a powerful beast for all your API needs. But what if I want to return as soon as possible from my API call to keep my web UI responsive, but still need to do something like sending out an e-mail? Enter the "classic" function style that makes this possible.

Web components the silver bullet for Sitecore SXA?

Sitecore SXA is a great way forward in structuring the way of building Sitecore web sites, providing a set of standard renderings and provide an editing experience for the web site maintainers. But sooner than later you want to extend/replace the out-of-the-box set of renderings, calling in the front-end developers to do their magic. At that moment there are many ways they can do their work, and in this post, I will describe in what is in my opinion the optimal way for performance, SEO, front-end developer experience, and separation of concerns.

Creating Sitecore SXA 9.3+ renderings without C#

Creating custom renderings can be done completely without adding C# code. In this post, we explore how to create a new SXA Toolbox section and a new rendering through the Sitecore web interface.

How the Sitecore SXA team writes SXA components

When you look at the out-of-the-box Sitecore SXA components you can see that the Sitecore SXA team writes most SXA components using jQuery and a small utility API called XA (eXperience Accelerator). In this post, I will dissect how Sitecore writes components and I will show you how to write a simple clock component in TypeScript using the XA API.

Installing the Sitecore 9.3 SXA.Styleguide project

Mark van Aalst provides a great "no C# code" SXA sample project with the SXA.Styleguide project available on Github. In this post I describe how to get this project up and running on your local Sitecore 9.3 installation.

From SXACLI to enhancements to SXA Umbrella

After investing a lot of time and effort in working with Sitecore SXACLI and creating enhancements on the standard SXACLI tooling I decided that it was time for a different approach. Please meet SXA Umbrella!

Sitecore 9.3 - uninstall site installed with Sitecore Install Assistant

If you are still one of those losers like me that install their Sitecore 9.3 on their local machine with the Sitecore Install Assistant (SIA) instead of in a fancy set of docker containers using Docker Compose, and if you are an even bigger loser (like me) that you mess up your Sitecore installation or even worse forgot your Sitecore admin password, welcome to this life-saver post to uninstall your installation in seconds!

Run npm NodeJS scripts with Fiddler

When you have an npm script that does use a NodeJS library (through gulp for example) that does web request that you want to monitor with Fiddler, checkout this simple script!

Fixing "sgen.exe" filename or extension is too long

When you get this annoying "sgen.exe" error, you can use this fix!

Sitecore SXA theme investigation

To understand the way Sitecore Experience Accelerator (SXA) works, how components are built and theming is done you need to do some deep-diving. In this blog post I describe the best way to do this deep dive using the creative exchange.

Sitecore 9.3 SXA CLI - get item fields

In my Sitecore 9.3 SXA CLI endeavors I find myself searching for the internal field names of Sitecore items so I can use them in my Scriban templates. Using this remote PowerShell script you can look up the item fields of any Sitecore item.

Republishing blogposts on dev.to

I write blogposts on my own blogging platform, because I want to be the owner of my own content. I'm also a fan of https://dev.to as a great developer community blogging platform. Fortunately https://dev.to allows and supports cross posting...

PowerApps Portals - the GraphQL story

PowerApps Portals is positioned as a low-code platform. Built on top of the Dynamics and the underlying Common Data Services (CDS) it enables the "citizen" developer to create public facing websites with support for logged-in users. Underlying the WYSIWYG editing GraphQL is used to do updates on the content and configuration of the portal.

Sitecore 9.3 - create a custom theme for SXA using SXA CLI

Manage your SXA 9.3 theme under source control instead of as artifacts under the `Media Library/Themes` folder using the SXA CLI - make your front-end developers happy!

Simplifying hosting my weblog - bye bye Azure

I really tried hard. But Azure - you failed me!

Serving static files from GitHub

When you need to request files from GitHub with the correct mime-types GitHub itself is not the best place.

Umbrella for Sitecore JSS

Umbrella for Sitecore JSS is our vision on how a website should be developed and hosted while using the JSS SDK and Sitecore as a headless CMS.

Render Sitecore 9.1 JSS site using separate node server

Use a custom Node based server to render Sitecore 9.1 JSS pages.

Developing React components in Typescript with Sitecore JSS 9.1

At my company we use TypeScript for front-end development where possible. In my first steps in using JSS I wanted to build my first component in TypeScript, which did not work out of the box. In this post I describe how I got ypeScript compilation working.

Weblog deployment to a static Microsoft Azure website

This weblog is created with GatsbyJS and after build results in a static website that can be hosted anywhere. I host my weblog on a Microsoft Azure static website. In this post I provide links to how to set up an Azure static website, and how to automate the deployment based on commits to the Github repository.

Serge's first blog post!?

That mandatory first blog post on my own "blogging platform". After blogging for years on http://weblogs.asp.net/soever and some endeavors with the Medium blogging platform.

Git - getting list of changed files into zip file

Given an old Git repo, pull out changed files into a zip file.