带有样式组件的示例应用
此示例介绍了如何使用与样式不同的样式解决方案,还支持通用样式。这意味着我们可以为HTML中的第一个渲染提供所需的样式,然后将其余样式加载到客户端中。在这种情况下,我们使用 。
为此,我们扩展了<Document>并将服务器端渲染的样式注入到<head> ,并且还添加了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 with-style
评论0
最新资源