반응형 next.js에서의 layout1 Next.js에서 공통 레이아웃 설정하기 헤더나 푸터 같은 자주 재사용되는 컴포넌트들은 공통 레이아웃으로 한번에 선언하는 것이 좋다. Layout이 1개일때 header와 footer는 알아서 만들고 우선 layout.tsx에 다음과 같이 설정하자. // layout.tsx import Header from "./Header"; import Footer from "./Footer"; export default function Layout({ children }: any) { return ( Welcome to June's blog ); }; //다음 getLayout을 추가 HomePage.getLayout = function getLayout(page: ReactElement) { return {page}; }; export default H.. 2023. 1. 13. 이전 1 다음 반응형