Next.js 설치

Next.js 설치

1. Next.js 설치

 - 이제 Next.js를 설치해봅시다! (Next.js 사이트를 참고하였습니다)

 - #1. 먼저 원하는 폴더를 생성 후, 터미널에 들어가 다음과 같이 입력해줍니다.

    → 여러 선택사항이 나오는데, 원하는 것을 선택하면 됩니다.

npx create-next-app@latest

 

 - #2. 설치가 끝났으면 VScode로 들어가 다음과 같이 입력하여 접속해봅시다.

    → 브라우저에 localhost:3000을 입력하면, Next.js 페이지가 나오게 됩니다!

npm run dev

 

 - #3. index.js에 들어가 다음과 같이 수정해보고 다시 들어가봅시다.

    → 수정되어 출력되었음을 확인할 수 있습니다.

import { Inter } from "next/font/google";
import styles from "@/styles/Home.module.css";

const inter = Inter({ subsets: ["latin"] });

export default function Home() {
  return <main className={styles.main}>안녕하세요.</main>;
}