StoryBook in Vercel Error: Failed to load static files, no such directory: ./.storybook/..\public

[wissam6]

In this article - https://vercel.com/guides/storybook-with-vercel

These commands do not work:

{
  "storybook": "start-storybook -p 6006 -s public",
  "build-storybook": "build-storybook -s public",
  "serve-storybook": "serve storybook-static"
}

Instead, they should be:

{
    "storybook": "storybook dev -p 6006 public",
    "build-storybook": "storybook build public",
    "serve-storybook": "npx serve ./.storybook"
}

Also in this section, the build command should be npm run build since npm run build-storybook causes the following error in the Vercel deployment:

Ofcourse, this will work if you generate the static folder storybook-static after running npm run build-storybook and pushing it to the GitHub repo. The above error might need a bug fix.