Category: Headless

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…


Experience Edge Can’t Resolve Site

I’m gonna start this off with the whole “I’m not an expert…” deal. Because frankly, I’m not an expert when it comes to Experience Edge. It’s relatively new. And I am too. Glad we got that part out of the way. So what’s the deal? Well, we were working on a new site and for…


Storybook Stories Gotcha when Upgrading to JSS 21.2.1

We recently had to upgrade our solution to JSS 21.2.1 to fix a pesky NextJS Hydration issue. It was a little tedious, but once we spun up a new empty instance and compared our code, it was easy to spot the differences. One thing that changed rather drastically was the 404 page. This seems like…


Error: Cannot find module ‘./src/temp/config’ when running Storybook 7

Our development process with Next or JSS includes working with Storybook. First off, it’s pretty slick to be able to see all the components in one place, even outside Sitecore. Second, those fun mac folks aren’t going to be spinning up Windows containers in the near future, and they need to be able to see…


Connection to your rendering host failed with an Unauthorized error. Ensure the JSS Editing Secret is configured.

Edit: Soooo there is actually a great article on this, here: https://nextjs.org/docs/pages/building-your-application/configuring/environment-variables#environment-variable-load-order The long and short of my issue is that I was using ‘SITECORE_JSS_EDITING_SECRET’ when I should have been using ‘JSS_EDITING_SECRET’ I must have grabbed the environment variable from the docker-compose file, which will of course not match! Thanks to Rich Seal for having…