react - next.js 设置body style

因为next.js可以用pages文件夹中的js文件进行route，所以不需要public文件夹和html，因此没有body tag。

body自带8px的maigin，我想要给整个页面设置背景颜色，想去掉body的margin。

 

尝试方法1：

给最上层div设置样式  margin: -8px;

上左右边距都可以抵消，但是底部仍有body的8px margin。

 

2：

搜了一下网上的solution，大致有两种，一种是安装如Helmet一类的包，可以管理body tag；另一种是在_document.js中操作html。

而我不想要为style body这个小功能装东西。。还是想找到简单有效的方法。

 

其实，只要像下面这样设global style就可以啦：

<style global jsx>{`
    body {
        margin: 0;
    }
`}</style>