Add option to specify path where all files from static directories will be outputted

Right now I have nextjs project, with images in /static/images folder, and Im using it in components like this

<img src="/static/images/logo.png" alt="logo" /> Problem is when I starting storybook with "storybook": "start-storybook -p 6006 -c app/.storybook -s static", the logo cant be found, for storybook proper path to image is now "/images/logo.png"

[jonespen]

Had the exact same issue, added the file middleware.js to ./storybook with this content:

const express = require('express')
const path = require('path')

module.exports = router => {
  router.use('/static', express.static(path.join(__dirname, '..', 'static')))
}

Hope it helps!

Inspired by https://github.com/storybooks/storybook/issues/714

[aviramga]

@ndelangen @jonespen Im having the exact same issue but with build-storybook. Im also using nextjs. How can I solve this?

Thanks!