通过 next.js 路线覆盖故事书路线

Question

最近我开发了一storybook 。 现在，我想将它附加到另一个使用next.js开发的项目。 Storybook使用它自己的路由，而我的next.js应用程序有它自己的路由。 我想使用next.js管理所有路线并覆盖故事书路线。

假设我的应用程序运行在：

localhost:3000

我想添加故事书在

localhost:3000/storybook

我如何告诉next.js在这条路线上将提供故事书的构建，或者我可以控制stroybook的路线。 有没有办法实现这一目标？

Answer 1

从我所见，建议通常是在本地的另一个端口上运行 Storybook。 如果您希望公众可以访问您的 Storybook，我建议您创建一个类似storybook.your-site.com或ui.your-site.com的 URL。