如何在下一个js应用程序路由器中实现mui风格的组件而不使用“使用客户端”

Question

我想在nextjs 14中使用mui风格的组件，但在每个页面上我必须写“使用客户端”，我想使用nextjs ssr功能，但它强迫我进行csr，如何实现它？请指导我。

我已经搜索过它，但我总是看到它在页面路由器中实现，而不是在应用程序路由器中实现。

Answer 1

您可以阅读MUI文档部分有关Next.js集成的说明，也许您忘记了一些配置。 MUI repo 上有一些示例，这是 Material UI - Next.js App Router 示例，也许对您有帮助。