Next.jsにressを導入する #React

ressとは？

リセットCSSの一つでブラウザがデフォルトで持っているスタイルを打ち消すCSSです。
https://github.com/filipelinhares/ress

パッケージを追加する

yarn add ress

_app.tsxでressを読み込む

import 'ress'を追加してressを読み込む

_app.tsx

import '../styles/globals.scss'
+ import 'ress'

function MyApp({ Component, pageProps }) {
  return <Component {...pageProps} />
}

export default MyApp

完了

手元の環境でリセットCSSが効いているか確認してみてください。