Next.js 애플리케이션의 포트를 변경하는 방법

저는 Next.js를 사용하여 개인 웹사이트를 구축하고 있습니다. 기본적으로 Next.js 서버는 포트3000에서 실행되며 이는 좋지만 때로는 이미 서비스가 실행 중이거나 선호하는 포트가 아니기 때문에 다른 포트에서 서버를 실행하고 싶을 수도 있습니다. 케이스는 8080 )입니다. 그럼 어떻게 바꿀 수 있는지 알아볼까요?

next.js 프로젝트를 생성합니다.

next.js 프로젝트를 만드는 것은 매우 간단하고 간단합니다. 터미널에서 아래 명령을 실행하기만 하면 됩니다.

Assumption: You already have yarn or npm install on your local.

npm create-next-app
# or
yarn create next-app

다음 명령을 사용하여 포트를 변경할 수 있습니다.

yarn dev -p 8080
or
npm run dev -p 8080

http://localhost:8080/을(를) 방문하여 귀하의 웹사이트가 실행되고 있는지 확인하십시오. 이 명령은 임시 명령이며 위의 명령을 입력할 때마다 8080에서 서버를 실행합니다. 하지만 이것을 영구적으로 만들고 싶다면 어떻게 해야 할까요?

영구적으로 포트 변경

프로젝트 설정이 완료되면 기본 폴더에서 package.json 파일을 확인하십시오.

{
  "name": "hashnode-blog-app",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "dev": "next dev",
    "build": "next build",
    "start": "next start"
  },
  "dependencies": {
    "next": "9.5.3",
    "react": "16.13.1",
    "react-dom": "16.13.1"
  }
}

이제 여기서 변경해야 하는 것은 스크립트 내부의 dev 키에 있습니다.
"dev": "next dev -p 8080",에서 "dev": "next dev",로 변경

이제 아래 명령을 실행하여 서버를 실행하십시오.

yarn dev
or
npm run dev

http://localhost:8080/을 방문하면 웹 사이트를 볼 수 있습니다. 이 같은.