Next.jsでglobal.css設定
サイト全体でCSSを効かせたいときは、
global.cssを設定する。
pages/_app.js にて、
import '../styles/style.css'
function MyApp({ Component, pageProps }) {
return <Component {...pageProps} />
}
export default MyApp
../styles/style.css(<--- stylesフォルダに入れる)
の部分を自分が作ったCSSファイルに指定する。
あとは、そのまま↑のとおり。
参考にしたサイト
https://qiita.com/Yuya2218/items/75c5bc6556aa7bfeddab
この記事が気に入ったらサポートをしてみませんか?