Category: Headless

Next.js Multisite Addon Always Resolves to Default Site

The instances of Sitecore with more than one site are on the rise. SXA allows for templated Site and Tenant Management, and Sitecore even released a special Multisite Addon which handles all the resolution of sites by hostname, just like the way things used to be! This could have easily been Borat However, we were…


Virtual User Group Presentation – March 2024

Last week, I had the honor of presenting at the Virtual Sitecore Headless Development User Group, organized by Martin Miles. It was a great chance to throw down some knowledge on all the fun things you can do with SSG and ISR, things I find near and dear to my heart. Like cheeseburgers. And bacon…


Next.js Multisite constantly reloading

Here’s a quick and dirty one today… We’re setting up a new solution with a few Sitecore sites as a foundation. Let’s call them Site A (siteA.com and Site B (siteB.com). (Sorry for the lack of creativity.). The directions for this can be found on the Sitecore Multisite Add-on Docs. When browsing to siteA.com, things…


Vercel’s “An unexpected error happened when running this build.”

Imagine a world where everything works all the time, and there are no weird-ass errors to troubleshoot. Sounds boring, yeah? Good thing it’s not a real place. Fantasies aside, sometimes things that have been working for ages just stop working. We ran into that case just recently with a project. This project has been live…


SPE-based On-demand ISR in NextJS

If you’ve made the jump to Headless with NextJS, Vercel, and Edge, you’re likely using Static Site Generation (SSG) at build time, and you’re likely going to be using Incremental Static Regeneration (ISR). SSG is useful to build some or all of the pages before your deployment is complete, thus giving users immediate access to…


Solved: Connection to your rendering host failed with a Payload Too Large

Imagine you’re walking your dog/cat/sheep/child whatever and you come across a hole in the ground. It looks like some furry critter dug a hole. Nothing weird. Now you head over to examine a hole, and out pops a dolphin. You may say WTH. That’s kinda the same response I had yesterday when I solved this…


Using PowerShell to Publish to Experience Edge

Normally, something this light wouldn’t be a blog post, but here we are. If you’ve used PowerShell to publish content before, maybe some import process or third party integration into the CMS…you know it’s pretty straight forward: Publish-Item -Path master:\content\home -Target Internet That’s not hard. Now instead of a normal DB Target, you want to…


Adding CMS-controlled JavaScript to your NextJS Site

Every site out there is going to require some level of JavaScript to be added to the pages. From Analytics to Personalization, to Media, to even some basic animations…it’s going to be there. For things like Google Tag Manager, there’s already some strong opinions on how to implement. Here’s a few: https://nextjs.org/docs/messages/next-script-for-ga https://morganfeeney.com/guides/how-to-integrate-google-tag-manager-with-nextjs https://dev.to/valse/how-to-setup-google-tag-manager-in-a-next-13-app-router-website-248p For…


SXA Branch Pages Failing to Build

One of our projects these days is all the rage (well mostly). A Headless SXA build using Experience Edge and Vercel NextJS. Learning curves aside, the project has been pretty fun. Lots of new things to figure out, problems so solve, workarounds to do… it’s a treat (not sarcastically) One thing we ran into while…


Disabling Custom Animation in Experience Editor with Spread Syntax

Today’s post is actually somewhat of a fun one! No frustrating broken things, no shenanigans with a black box to worry about. Just some simple Typescript fun. Mr. Rose is as happy as I am. So let’s take this common hero component. It has some gorgeous animations courtesy of Framer Motion. Highly recommend this library…