Journaling my thoughts over the years. Some older posts are not relevant anymore, but I like to keep it around.

RSS Feed

New year, new website

Time to retire the old Gatsby setup and move to Next.js but still use GitHub pages for hosting.

Sitecore XM Cloud multisite styling

How do you conditionally render a stylesheet based on the SXA site

My frontend stack in 2023

My frontend stack in 2023, what are my choices and the reasoning behind them

Speed up Sitecore JSS Next.js local development

When a Sitecore JSS Next.js project grows, performance on local develop can suffer easily. Let's see how running your project in WSL can help.

Block generated domains by Azure Static Web Apps

Azure Static Web Apps creates automatically a domain like "blue-river-096abc21e.2.azurestaticapps.net", how can you block this domain on a Hybrid Next.js implementation?

Add caching to Sitecore JSS Next.js public directory

By default assets from the public directory have no cache headers set. Usually you have assets that never change and are quite large in this directory. It's worth fixing this.

Multiline underline transition

To create an underline transition on multiline text links, one solution is to use a pseudo element with a background. This can be further customized with tweaks to the animation flow. Here is an example using React and extending the MUI Link component.

Sitecore JSS Next.js on Azure Static Web Apps

Azure Static Web Apps now support non-static features of Next.js, including Incremental Static Regeneration and Server Side Rendering. Learn more about the steps taken to deploy a Sitecore JSS Next.js project to Azure Static Web Apps, including working around problems encountered.

Sitecore JSS Next.js without Vercel

Yes, you can still run Sitecore JSS Next.js on Azure Functions without Vercel. This can be done with custom Azure Functions and a Azure storage account with a YARP proxy in front of it.

Auto-format typescript with a npm task

To help keep non-JavaScript developers from encountering issues when making changes to a React rendering, a simple npm task can be added to the project's package.json file to automatically format typescript using Prettier and ESLint rules. This keeps the code consistent without requiring additional tooling to be installed.

Create a scalable head for Sitecore JSS

I recently worked on a headless project with Sitecore, the way of working I choose there worked really well in my opinion. In this post, I like to talk about the choices I made and how they helped the team create a good workflow.

Can we keep up with Vercel?

Last year the I spent time getting Sitecore JSS Next.js to work on Azure but encountered issues when updating to Next 12 and with Azure functions v4. I wonder if it's worth maintaining custom hosting solutions for Next.js.

Integrate OrderCloud with Sitecore JSS Next.js

One way of doing this

Add external datasource to Sitecore JSS

Consuming external GraphQL API

Sitecore JSS on Azure Functions

Steps required

Deploy Azure Functions with GitHub Actions using AzCopy

Deploy Azure Functions directly to File Share

Next.js on Azure Functions

How to set up a Next.js custom server hosted on Azure Functions

Speed up your Sitecore React implementation

With 2 easy fixes

Get intellisense on your Stencil webcomponents in VS Code

Using stencil & vscode

How to make your Sitecore SXA site perform

By disabling a big part of sxa...

Exploring the apollo graphql stack

Let's investigate apollo federation first

Creating local npm package for sharing between multiple react applications

Using rollup to create transpiled code

Azure devops create pipeline "Cannot read property 'childFolders' of undefined"

Fix this azure devops bug with some fiddler hackery

Connect With Me