next-styled-components:具有样式化组件的NextJS

带有样式组件的示例应用 此示例介绍了如何使用与样式不同的样式解决方案，还支持通用样式。 这意味着我们可以为HTML中的第一个渲染提供所需的样式，然后将其余样式加载到客户端中。 在这种情况下，我们使用 。 为此，我们扩展了<Document>并将服务器端渲染的样式注入到&lt;head&gt; ，并且还添加了babel-plugin-styled-components （这是服务器端渲染所必需的）。 另外，我们使用NextJS自定义组件为样式组件设置了全局。 自己部署 使用部署示例： 如何使用 使用或执行以引导示例： npx create-next-app --example with-styled-components with-styled-components-app # or yarn create next-app --example with-styled-components wi