_app.js
를 이용해 공통된 레이아웃을 분리, 관리해준다.
import React from 'react'
import Head from 'next/head'
import AppLayout from '../components/AppLayout'
const Main = ({ Component }) => {
return (
<>
<Head>
<title>Twitter</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/antd/4.12.3/antd.min.css" integrity="sha512-YDGC3dGTmRxmuvRf5gL2FcLir57pCKJMETYXydRCchEXtmhN59qZnxyoLdBVTQM8yrlcbgCRNeMbM39zM/LJxQ==" crossorigin="anonymous" />
</Head>
<AppLayout>
<Component />
</AppLayout>
</>
)
}
_document.js
, _error.js
생성
_document.js
는 html, head, body
_app.js
는 root
pages
는 실제 컴포넌트