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

Posted 2023-02-19

【中文标题】通过 next.js 路由覆盖故事书路由

【英文标题】：Overriding storybook routes by next.js routes

【发布时间】：2020-05-19 07:00:11

【问题描述】：

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

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

localhost:3000

我想在

添加故事书

localhost:3000/storybook

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

【参考方案1】：

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

相关：https://github.com/storybookjs/storybook/issues/5975