가장 최상단에 위치하는 컴포넌트라고 생각하면 될 것 같다.
여기에서 정의한 컴포넌트는 pages안의 모든 것을 감싸는 형태로 렌더링 된다.
따라서 이곳에 css 등을 한 번엔 적용하거나, 공통으로 적용될 부분을 작성하면 편할 것으로 보인다.
//app.js
//앤트 디자인을 적용한 모습.
import React from "react";
import Head from "next/head";
import "antd/dist/antd.css";
const MyApp = ({ Component }) => {
return (
<>
<Head>
<title>APP</title>
</Head>
<Component />
</>
);
};
export default MyApp;