티스토리 뷰

Nextjs

head 설정

Aairon 2019. 8. 20. 11:56
반응형

html은 head 태그안에 title과 meta 태그 등을 설정함으로써 페이지의 정보를 제공한다.

next.js에서는 next/head 컴포넌트를 이용해 설정 할 수 있다.


import Head from "next/head";

export default ({ children, title = "This is the default title" }) => (
<div>
<Head>
<title>{title}</title>
<meta charSet="utf-8" />
<meta name="viewport" content="initial-scale=1.0, width=device-width" />
</Head>
</div>



반응형

'Nextjs' 카테고리의 다른 글

Next js 튜토리얼 1편: 시작하기  (0) 2019.09.30
react get browser size  (0) 2019.09.10
next js scroll  (0) 2019.09.06
next js에 css 적용 (bootstrap, styled-component)  (3) 2019.08.22
next js 배포  (0) 2019.08.20
댓글