This is the minimal reproduction for an issue I am having when deploying the Storybook of a Next.js application that is using Sass. The issue relates to image paths not being accurate in the deployment if they are referenced in the sass modules using relative paths to the public folder; background-image: url('/assets/images/image.jpg').

The ticket can be found here: storybookjs/storybook#25482

The Storybook deployment can be found here: https://alexmkio.github.io/storybook-sass-deployment/

The Next.js deployment can be found here: https://storybook-sass-deployment.vercel.app/

I am following the documentation for using Sass, serving static files, deploying to GitHub Pages, and deploying to a subpath.

What am I missing?

Update / Resolution (Feb 03, 2024): Realized I wasn't using the recommended method for Next.js which involves using their Image component and importing local assets into the component.