next
에서 _app.js
에 Head를 설정하는 방법은 아래와 같다.
공식페이지에서는 component와 pages에 설정하라고 되어 있지만 반복적인 작업을 피하기 위해서 _app.js에 추가함.
//_app.js
import Head from "next/head";
export default function App({ Component, pageProps }) {
return (
<>
<Head>
<meta name="viewport" content="width=device-width, initial-scale=1" />
</Head>
<Component {...pageProps} />
</>
);
}