[Next.js Learn] Create a Next.js App(2) - Setup

Setup

먼저, 개발 환경이 준비되어 있는지 확인해봅시다.

• 만약 Node.js가 설치되어 있지 않다면, 여기서 설치하세요. Node.js 버전 10.13 이상이 필요합니다.
• 이 튜토리얼에서는 여러분 자신의 텍스트 편집기와 터미널 앱을 사용할 것입니다.

Windows 사용자라면, Git for Windows를 다운로드하고 함께 제공되는 Git Bash를 사용하는 것을 권장합니다. 이는 이 튜토리얼에서 사용하는 UNIX 특정 명령어를 지원합니다. Windows Subsystem for Linux (WSL)도 다른 옵션으로 사용할 수 있습니다.

Create a Next.js app

Next.js 앱을 생성하려면 터미널을 열고 앱을 생성할 디렉토리로 이동한 다음 다음 명령을 실행하세요:

npx create-next-app@latest nextjs-blog --use-npm --example "https://github.com/vercel/next-learn/tree/master/basics/learn-starter"

내부적으로는 create-next-app이라는 도구를 사용하여 Next.js 앱을 생성합니다. 이 도구는 --example 플래그를 통해 이 템플릿을 사용합니다.
만약 작동하지 않는다면, 이 페이지를 확인해보세요.

개발 서버 실행(Run the development server)

이제 nextjs-blog라는 새로운 디렉토리가 생성되었습니다. 해당 디렉토리로 이동해봅시다:

cd nextjs-blog

그리고 아래 다음 명령을 실행합니다:

npm run dev

이 명령은 Next.js 앱의 "개발 서버"를 포트 3000에서 시작합니다.

작동 여부를 확인해봅시다. 웹 브라우저에서 http://localhost:3000을 열어보세요.

출처: https://nextjs.org/learn/basics/create-nextjs-app/setup