How to change storybook base URL

Question

does anyone know how to set up a different base URL for storybook? when you run "npm run storybook" it opens up on http://localhost:6006/, how can i get it to open up on http://localhost:6006/storybook/?

Answer 1

Long story short, it's not compatible with the ports' convention(s). The ports that host the running of your application(s) are reserved for one app at a time, and they take the route(s) from application's router rather than opening it up on a custom base like http://localhost:6006/storybook/?.

Answer 2

If you are using Vite.js, you can set base: '/storybook/', in the viteFinal function of the .storybook/main.{js|ts} file

Answer 3

This doesn't work as storybook use express.js for the dev server. See the issue here: github issue Something like this should be added here github link, but probably not possible now ...

app.use('/baseUrl', router);