배포 이전에 해야할 일

한국어

deploy

setup

배포

3 / 1

  1. 1. 배포 이전에 해야할 일

  2. 2. vercel과 쉬운 배포

  3. 3. 검색엔진에 블로그 등록

블로그 빌드 테스트하기

빌드에 문제가 없는지 확인하고 sitemaprss를 생성합시다

pnpm build
bash
  1. .next폴더에 블로그 빌드 결과물 생성
  2. public폴더에 rss.xml, sitemap.xml생성

원격저장소로 push하기

모든 결과물을 각자만의 원격 저장소로 옮겨봅시다

블로그 url 설정하기

  1. blog.config.ts

    • blogInfo.url: 배포할 url로 변경합시다
    • blogInfo.googleAnalyticsID: 발급받은 ID를 통해 GA를 활성화 할 수 있습니다
    • 예시
      const blogInfo: BlogInfoType = {
          url: "https://next-your-home-guide.vercel.app",
          googleAnalyticsID: "YOUR_GA_ID",
          siteName: "next your home guide",
          subtitle: "follw this guideline",
          copyright: `${
              authorInfo.name
          }© All rights reserved ${new Date().getFullYear()}.`,
          language: "ko",
      }
      
      ts
  2. public/robots.txt

    • Sitemap에 배포할 url을 넣어줍니다
    • 예시
      User-agent: *
      Allow: /
      Sitemap: https://next-your-home-guide.vercel.app/sitemap.xml
      
      txt
  3. Google Analytics 적용해보기 (선택적)

    1. Google Analytics에 접속한 후 로그인
    2. 새로운 Google Analytics 4 속성 생성
    3. 생성된 Google Analytics IDblogInfo.googleAnalyticsID에 입력

이외 블로그 설정 알아보기

작가 정보

✒️

at authorInfo

  • name: 작가의 별칭입니다
  • currentState: 현재 상태를 적을 수 있습니다
  • currentGoal: 현재 가진 목표를 적을 수 있습니다
  • contacts: 작가와 연락할 방법을 적을 수 있습니다
    • email, github, youtube, facebook, instagram, linkedin, twitter
  • image: 정적 이미지는 반드시 public 폴더에 위치시켜야 합니다
    • logoImageUrl: 프로필에 표시되는 작가의 로고 경로입니다
    • bannerImageUrl: 외부에 공유시 보여줄 배너 이미지 경로입니다
    • faviconUrl: favicon 경로입니다

블로그 정보

✒️

at blogInfo

  • siteName: 블로그 이름입니다
  • subtitle: 블로그에 대한 설명입니다
  • language: 어떤 언어를 지원하는지 적습니다

블로그 글 갯수 조정

✒️

at config

  • postPerCategoryPage: 카테고리 한 페이지에 표시될 글 갯수를 조정합니다
  • numberOfLatestPost: 최신 글 갯수를 조정합니다

배포 준비는 마쳤습니다!

danpacho

2022년 07월 29일

Thanks For Reading !

vercel과 쉬운 배포

새로운 글 만들어보기