Fixing Broken Datasources in Sitecore XM Cloud Pages Builder

If you’re working with SitecoreAIor any headless Sitecore project, you’ve probably seen a scenario where a component on a page suddenly becomes unclickable or “ghosted” in the Pages Builder. Users report that they cannot select the component or choose a new datasource — even though your React component has null checks in place.

What’s going on? Let’s dive in.

Avoiding React Hydration Warnings When Rendering Sitecore Dynamic Placeholders

If you’re working with React and Next.js — especially with Sitecore JSS — you might have run into a confusing warning like this:

“This Suspense boundary received an update before it finished hydrating.”

It sounds scary, but it basically means React got confused while it was trying to “wake up” the server-rendered HTML and make it interactive on the browser.

In this post, I’ll explain what hydration means, why this error happens, and how I fixed it when rendering Sitecore placeholders inside a React component.

Sitecore Marketplace :: My experience building my first app (custom field type)

 Sitecore has recently releases Sitecore Marketplace, which is the way you can go with if you would like to extend Sitecore XM Cloud, Sitecore announced and talked about Sitecore Marketplace in 2024 Sitecore Symposium, here is a previous post you can check about Sitecore Marketplace, in this post I will walk you through my experience creating my first custom field, I wanted to create an image selection field,. where author can select an image from Lytho DAM. 

Sitecore XM Cloud + Netlify :: Netlify CLI and Deno installation issue

During a recent project, I encountered a strange issue while deploying a Sitecore XM Cloud solution to a new Netlify environment. The problem was related to Deno installation, which unexpectedly disrupted the deployment process. If you've run into a similar issue—or you're just curious about what Deno is and how it ties into Netlify—keep reading. I’ll walk you through what happened, explain what Deno is, and show you how to resolve the issue.

Sitecore XMC :: Local NextJS build timeout

While working on a recent Sitecore XM Cloud project, I ran into a frustrating issue when trying to build my Next.js app locally using pnpm run build. No matter what I tried, the build kept failing with a 60-second timeout. The error message always began with:

⚠ Sending SIGTERM signal to Next.js build worker due to timeout of 60 seconds. Subsequent errors may be a result of the worker exiting.

If you’ve encountered this error and are stuck like I was — don’t worry. In this post, I’ll walk you through what’s causing it and how to fix it.

Sitecore XM Cloud Migration :: Content + Code!!

Have you worked on a sitecore XM Cloud yet? Are you preparing for your XM Cloud project? Is it a brand new or a rewrite of an existing website, if it s rewrite or a redesign, you probably need to plan content migration in addition to probably some code migration to speed up your project timeline, in this blog post will share some of tools that you can for your content migration & code migration. Interested… keep reading! 

Sitecore XM Cloud :: Build & Deploy internal server error

 I've been recently working on an CM Cloud project, and was getting "Internal Server Error" when trying to build & deploy using the deploy app in XM Cloud, in this post I will show you how did we resolve the issue, keep reading! 

Sitecore XM Cloud Forms :: What to expect, what not to expect?

 Sitecore recently released Sitecore Cloud forms as part of the XM Cloud product, so if you have an XM Cloud instance, if you check the launch PAD now, you will see a new icon for FORMS!! in this blog post I will share what cloud forms have and what is still developing and missing in the current released version, keep reading! 

Configuring Sitecore XM Cloud Forms with Webhook Submit Action!

 In this article, I'll demonstrate the process of configuring a submit action in XM Cloud forms. As you're aware, Sitecore XMC forms have recently been released, featuring a range of functionalities including setting up webhooks and assigning them to forms for data submission. Moreover, the introduction of a test webhook functionality allows for seamless testing of form webhooks to ensure successful connections. Excited to learn more? Keep reading!

XM Cloud :: GraphQL Playground :: Query is too nested to execute error!

while working recently on an XM Cloud project, I ran into issue with GraphQL we were preparing to pull the header component data source, basically when we execute the query in the GraphQL playground we get ""Query is too nested to execute. Depth is 17 levels, maximum allowed on this endpoint is 15." Error, if you want to know how to resolve this, keep reading! 

XM Cloud Architect Tips :: SUGCON Takeaways!

I believe a lot of architects working with Sitecore ecosystem is eager to learn CM cloud, if they're not already started, while working with XM Cloud has some close enough implementation to headless implementation with XM on premise or PaaS it has some differences, a great presentation I attended in the SUGCON NA last month where Andy Cohen shared some very important tips when working with XM Cloud, in this post I will share some of my takeaways out of that session.