nextjs 서버 포트 변경

업데이트:

nextjs 프로젝트 서버 포트 변경 방법

  • nextjs로 프로젝트 생성을 하게 되면 package.json 에 아래의 내용이 보일것입니다.
  • 포트 변경을 위해서는 package.json 파일안의 json 내용에서 scripts 의 dev 내용을 수정하면 됩니다.
  • 기존 “dev”: “next dev” 를 “dev”: “next dev -p 5000” 으로 수정후
  • npm run dev 명령어로 서버를 다시 시작하면 변경된 포트가 적용됩니다.
{
  "name": "nextjs",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "dev": "next dev -p 5000",
    "build": "next build",
    "start": "next start",
    "lint": "npx eslint",
  },
  "dependencies": {
    ...  
  },
  "devDependencies": {
    ...
  }
}
  • 아래는 변경후 npm run dev 명령어로 서버 포트가 변경되는것을 명령 프롬프트에서 확인한 스샷

서버실행성공