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>