How to define the base path of Storybook build, needed for publish or deploy in Github pages

[Andres6936]

In the file: .storybook/main.ts

export default {
    stories: [
        '../src/**/*.stories.mdx',
        '../src/**/*.stories.@(js|jsx|mjs|ts|tsx)',
    ],
    addons: ['@storybook/addon-essentials', 'storybook-addon-rslib'],
    framework: 'storybook-react-rsbuild',
    rsbuildFinal: (config) => {
        config.output.publicPath = "/Foo"; // NOT WORKING
        return config
    },
};

[Andres6936]

I found the solution in the docs: https://storybook.rsbuild.dev/guide/faq.html#deploy-storybook-to-a-subdirectory--subpath

export default {
    stories: [
        '../src/**/*.stories.mdx',
        '../src/**/*.stories.@(js|jsx|mjs|ts|tsx)',
    ],
    addons: ['@storybook/addon-essentials', 'storybook-addon-rslib'],
    framework: 'storybook-react-rsbuild',
    rsbuildFinal: (config) => {
        config.output ??= {}
        config.output.assetPrefix = (process.env.BASE_PATH || '') + '/'
        // Customize the final Rsbuild config here
        return config
    },
};