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

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

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.

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?

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.

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.

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.

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.

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.

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.

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.

One way of doing this

Consuming external GraphQL API

Steps required

Deploy Azure Functions directly to File Share

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

With 2 easy fixes

Using stencil & vscode

By disabling a big part of sxa...

Let's investigate apollo federation first

Using rollup to create transpiled code

Fix this azure devops bug with some fiddler hackery