Next.js기반의 블로그 생성 후 초기 작업들

요약

Next.js기반의 블로그를 생성한 다음에 진행한 초기 작업들과 시행착오의 기록입니다.

리스트

Repository 기본 설정

• tailwind의 템플릿 Repository를 복사하여 블로그 생성
• vercel을 통해 배포
• repo 내 디폴트 값 수정.(사이트 명, description, url 등)
• env 변수 지정

커스텀 폰트 설정

• google fonts에서 폰트 가져옴.
• cors 허용리스트 추가 필요

Google Analytics

• 사이트 내에 gtag script 삽입
• cors 허용 리스트에 추가 필요

사이트맵, robots.txt

• next-sitemap을 사용하여, 배포시 사이트맵과 robots.txt가 생성되도록 설정.

Google search console 등록

• 소유권 확인 및 sitemap 제출
• 구글 서치콘솔에서 등록되지 않는 페이지 색인 요청하기

Naver 웹마스터도구 등록

• 소유권 확인 및 메타태그 작업

도메인 구입

• Namecheap에서 techbukket.com 도메인 구입

Vercel에서 커스텀 도메인 등록

• DNS서버(namecheap)에 A RECORD 지정
• www로 시작하는 주소, vercel.app 주소는 redirect시킴.

https 사용을 위해 aws 에서 ssl 인증서 발급

• DNS서버(namecheap)에 C NAME 지정.
• cname의 host를 입력하는 방식에서 혼란.

코드 블럭 스타일 수정

• css/prism.css를 수정해서 코드블럭을 커스터마이즈 할 수 있다.