[Next Js] sitemap 만들고 업로드 하는 방법

Next Js 개발 후 배포하기 전에 sitemap.xml 과 robots.txt 파일 만드는 방법

1. npm install next-sitemap

refference : https://www.npmjs.com/package/next-sitemap

2. package.json 파일 수정

-생략-

  "scripts": {
    "dev": "next dev",
    "build": "next build",
    "start": "next start -H 0.0.0.0 -p ${PORT:-8080}",
    "lint": "next lint",
    "export": "npm run build && npm export",
    "postbuild": "next-sitemap"  <-- 이거 추가
  },
  
  -후략-

npm build 명령 이후에 next-sitemap을 실행시켜줌

3. next-sitemap.config.js 파일 생성

module.exports = {
    siteUrl: 'https://도메인.com',
    generateRobotsTxt: true,
  }

도메인에는 사이트 도메인을 집어넣으시면 되고, generateRobotsTxt 를 false로 만들면 robots.txt 안만들어줍니다.

4. 결과 확인

npm run build 실행 해보시면 빌드가 되고 자동으로 next-sitemap이 실행되는 것을 터미널에서 확인 가능하실겁니다. 다 되고나면 public폴더에 파일이 생깁니다.

확인은 npm run dev 실행 후

• http://localhost:3000/robots.txt
• http://localhost:3000/sitemap.xml
• http://localhost:3000/sitemap-0.xml

에서 확인하시면 각각 찍혀있을 겁니다. 후에 서치엔진에 등록하실 때는 주소를 도메인 주소로 바꿔서 제출하시면 되겠죠.

---

Next Js에서 사이트맵과 로봇.txt 파일 생성하는 법에 대해서 알아보았습니다. 도움이 되셨으면 좋겠습니다.

---

참고

[Next Js] sitemap 만들고 업로드 하는 방법

[Next Js] Error with permissions-Policy header

[Next Js]a title element error