https://www.youtube.com/watch?v=smAU6-ZdcoQ&list=PLuHgQVnccGMCwxXsQuEoG-JJ7RlwtNdwJ&index=2
생활 코딩 유튜브 설치 따라함
vscode와 node.js 설치 필요
실행은 npm run dev
파일 정리
layout.js
import "./globals.css";
export const metadata = {
title: "Create Next App",
description: "Generated by create next app",
};
export default function RootLayout({ children }) {
return (
<html>
<body>{children}</body>
</html>
);
}
page.js
import Image from "next/image";
export default function Home() {
return <>Hello, Next.js</>;
}
globals.css
안의 내용 다 비워줌
아래와 같이 정리됨을 볼 수 있음.
'FRONTEND > Next.js' 카테고리의 다른 글
| [Next.js 14 + Supabase ] Next.js[ Typescript ] React Query (0) | 2024.07.26 |
|---|---|
| [Next.js 14 + Supabase ] Next.js[ Typescript ] Recoil (0) | 2024.07.26 |
| [Next.js 14 + Supabase ] Next.js[ Typescript ] Server Action,Metadata (0) | 2024.07.26 |
| [Next.js 14 + Supabase ] Next.js[ Typescript ] 프로젝트 시작하기 및 라우터 폴더 생성 (0) | 2024.07.26 |
| [Next.js] 배포 (0) | 2024.03.26 |