Layout
layout 페이지는 앱 라우터에서 공통된 설정을 적용하는 페이지로 itle, description 은 제목과 내용을 설정해주면 제목에 들어간다.
import "./globals.css";
import Link from "next/link";
export const metadata = {
title: "Create Next App",
description: "Generated by create next app",
};
export default function RootLayout({ children }) {
return (
<html>
<Link href="/">WEB</Link>
<body>{children}</body>
</html>
);
}
메인페이지
import Image from "next/image";
export default function Home() {
return (
<>
<h2>Welcome</h2>
</>
);
}
Detail 페이지
import React from "react";
const page = () => {
return <div>page</div>;
};
export default page;
'TIL' 카테고리의 다른 글
| TIL 23.08.22 기술 interview (1)~(2) (0) | 2023.08.22 |
|---|---|
| TIL 23.08.21 Tailwind CSS 세팅 (0) | 2023.08.21 |
| TIL 23.08.14 [벼락샌드] 팀프로젝트 회고 (0) | 2023.08.15 |
| TIL 23.08.11 React 스와이퍼 구현 (0) | 2023.08.11 |
| TIL 23.08.09 React 아임포트/ 포트원 카드 결제창 구현하기 (0) | 2023.08.09 |
