如何在服务器端组件中使用提供程序与NextJS应用程序路由器的UI库？

6xfqseft 于 2023-10-17 发布在其他

关注(0)|答案(1)|浏览(110)

最新的库，如ChakraUI，Mantine，AndD，...需要将整个应用程序 Package 在Provider组件中。但是，通过这样做，这些库创建的所有内容都应该在客户端页面中使用。
现在想象一个Web应用程序，它有10个对所有用户开放的服务器端页面（这需要强大的SEO）和10个客户端页面，这些页面在用户登录后可见。
如果我们想为所有这些页面（客户端和服务器端）提供一个一致的样式系统，是否可以使用这些UI库，而不牺牲服务器端渲染的好处？如果答案是肯定的，那么这样做的最佳做法是什么？

next.js

来源：https://stackoverflow.com/questions/76788249/how-to-use-ui-libraries-that-utilize-providers-with-nextjs-app-router-inside-se