Next.jsでCSS Modulesを使用する

Next.jsでCSS Modulesを使用する

Next.js環境でコンポーネント単位でCSSを適応する コンポーネント単位で、CSSをNextの環境で実装したい場合は、以下のようにやります。 ①CSS Modulesを読み込む import styles from './layout.module.css' ①CSSを適用したい箇所全体をLayoutコンポーネントでラップする ②以下のようにstyles.<該当のセレクタ> を適応する export default function Layout({ children }) { return...
next.jsの環境にWebフォントを読み込む

next.jsの環境にWebフォントを読み込む

nuxt.jsの環境にWebフォントを読み込むには、nuxt.config.jsのheadの中のlink配列に要素を追加(インクルード)する必要があります。 link:[ {rel:'icon',type:'image/x-icon',href:'/favicon.ico'},...