Gatsby Cloud로 배포하고 Google Domains로 웹 이름 지어주기.

를 사용하면 배포 및 호스팅은 간편하다. UX/UI도 깔끔하여 별도의 문서를 찾아보지 않아도 손쉽게 할 수 있을 정도였다.

도메인과 github의 repository와 branch을 이용하여 도메인도 생성해주는데, 나는

에서 구입한 나만의 도메인으로 연결하는 것까지 진행했다. 도메인을 구매할 수 있는 사이트도 여러 곳이 있지만 구글에서 구매해 본 경험이 있어 더 친숙하기도 했다.

가장 어려웠던 일은

였다.

라는 도메인 이름을 짓는데 무려 3일이 걸렸다. 사실 처음에는

이라는 도메인을 사용하려고 했었다. 하지만 혹여 나중에 블로그 외에 다른 서비스를 올릴 일이라거나, 블로그가 망했다거나, 등의 이유로 해당 도메인을 사용하지 못하게 될 경우를 대비하여 weezip을 서브도메인으로 빼기로 결심하면서 어떤 서비스를 해도 이상하지 않을

을 생각하기 시작했다. 기껏 구매해둔 도메인을 사용하지 못하게 되면 아쉬우니까 말이다. 새로운 브랜드 이름을 고심하는 것과 비슷한 난이도다.

도메인 명을 고민하며, 도메인 이름이 없어도 할 수 있는 호스팅을 우선 진행했다. gatsby cloud에 github계정을 통해 가입 후 로그인 하면 대쉬보드에 다음과 같은 화면이 뜬다. 그럼 사이트 추가하기를 누른다.

연결방식은 github, gitlab, bitbucket 세 가지가 있는데 나는 github를 사용했으니 github를 선택해주고, 내가 작업한 repository를 선택한 후 import 를 진행해준다. 이 경우에는 weezip repository의 master branch를 선택했다. 이후 master branch에 merge 될 때마다 gatsby cloud가 자동으로 build를 새로해준다.

선택된 repository를 import 하는 중 Connect Integrations 단계에서

라는 메세지가 노출되어 약간 걱정이 되었다. 내 프로젝트의 config 파일은

파일이었기 때문에 보여지는 문구 같은데, 괜히 확장자 변환해서 다시 푸시하지 말고 그냥 무시하고 진행하면된다. 사실 변환해야되는 줄 알고 해서 진행하다가 그냥 하면 안되나 하는 생각에 다시 롤백하고

로 진행했더니 잘 되었다는 경험에서 우러나왔다.

Integration이 완료되면 자동으로 배포건이 하나 생성된다. 배포에 대한 상세 정보도 확인할 수 있고, 만약 빌드 단계에서 오류가 발생하면 어떤 오류가 발생하였는지도 친절하게 안내해준다. Deploy가 완료되면 자동으로 lighthouse report 까지 생성해준다 !!! 아직 실제 사용자 배포 전까지 준비할 게 많아 lighthouse를 돌려볼 생각을 안하고 있었는데, 자동으로 생성해주니 궁금해서 확인해봤다.

다 초록색이라 기분은 좋지만 아직 마음에 드는 점수는 아니다. SEO를 위한 작업도 아직 진행을 못한 상태였으니, 최종 사용자 배포 전에 다시 확인해보고 SEO는 기필코 100점으로 올리겠다고 다짐했다. 이 프로젝트 시작 단계에서부터의 목표기도 했으니까. 이 점수들은 Gatsby Cloud 배포 기록에서도 같이 볼 수 있고, 배포 시점 별 Lighthouse 점수를 한 눈에 비교해 볼 수도 있다.

도메인으로 Default 도메인을 생성해준다.

이후 github에서 PR을 생성해보았더니, 승인되기 전에 Gatsby Build Service 라는 녀석이 자동으로 빌드 테스트도 진행해준다. 빌드가 잘 되는 지 확인하는 동안 머지를 기다리다가 진행해준다. 빌드가 끝나면 이메일도 보내준다.

실패하면 이렇게 뜬다 ㅎㅎ

하지만 실패는 성공을 위한 과정일 뿐이니까 ! master에 머지가 되면 Gatsby Cloud에서 자동으로 배포가 진행되는 걸 확인할 수 있다.

원하는 도메인이 있고, 아직 누가 선점하지 않은 상태라면 구매는 간단하다. 하지만 그렇지 못해서 구매하는데 3일이나 걸렸다. 원하는 도메인을 찾아서 구매하면 되는데, 접속 지역에 따라 미리 지불 수단을 변경해야할 수 있다.

아직 대한민국 통화는 지불수단으로 사용할 수 없어, 가장 익숙한 미국 달러를 통화로 선택해서 마스터 카드로 구매했다. 도메인마다 1년 이용 가격은 천차만별로, 최초 구매 시 n년 이용으로 구매할 수 있으나 가격도 동일하고 만기 전 자동 갱신 기능이 있어 요즘 같이 달러가 비쌀 때는 1년으로 구매하는게 나을 것 같다. 구매 후에는 My domains 탭에서 확인할 수 있다.

도메인 연결도 간편하다. GC(Gatsby Cloud)와 GD(Google Domains) 창을 두 개 열어놓고, GC에서 연결할 때 사용할 type, value 값을 확인한 후 GD에 동일하게 입력한다. 이 후 GC에서

버튼만 한 번 눌러주면 자동으로 체크하고, CDN 까지 설정해준다. 최고야…

그런데… 다 설정해놓고 보니 사실 나는 weezip을 서브 도메인으로 사용해서 연결하려는 목적을 가지고 있었다는 것을 깨달았다. GC와 GD의 설정 내용을 다 지우고, 도메인을 다시 추가했다.

GC 대쉬보드에서

-

-

을 클릭하여 내가 사용하려는 도메인을 추가한다.

을 추가하였으며, 자동으로 SSL 인증서까지 발급받아 준다. 유효기간은 한 달이던데, 자동으로 계속 갱신해주겠지 … ? 믿고 있다구 개츠비.

그렇게 다시 추가한 도메인의 Type 및 Value 정보를 GD에 설정해주고 다시

를 동작하면 진짜 끝 !

대쉬보드에 내가 설정한 URL이 최상단에 나온다!