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 |