이제 귀찮음이 하늘을 찔러, 서버도 싫고, 소스를 업로드하는 것도 싫고, SSL 세팅도 모두다 귀찮아졌다.
마이크로 서비스인 JAMstack; javascript, API, Markup 을 이용한 웹사이트를 만들 수 있는 다양한 방법들을 제공하여 한달정도 눈싸움을 하다가 성공했다.
소개 사이트들에는 nodejs 로 설치하여 해당 소스를 github 에 올려서 netlify 로 배포한다고 서술되어 좀 어려워 보인다.
서버나, 로컬에서 nodejs로 gatsby를 이용해 원하는 소스를 다운받아 실행해 볼 수 있기는 하나 필요없다.
github에서 gatsby gallery 에 있는 마음에 드는 소스를 fork 하고, netlify에 해당 repository를 지정하면 바로 웹사이트를 만들 수 있다.
goddady에서 신청한 도메인의 네임서버를 아래와 같이 설정하고, 10분 정도 기다려 custom domain을 설정하면, https 까지 클릭 몇 번 으로 사이트를 만들 수 있다.
dns1.p08.nsone.net
dns2.p08.nsone.net
dns3.p08.nsone.net
dns4.p08.nsone.net
fork 된 repository 소스를 원하는 글과 이미지로 수정하면, 서버도 없고, ftp 도 필요 없는 정적 사이트를 금방 만들 수 있다.
github.io 로 만드는 것은 한개의 계정의 github 세팅을 수정해야 했지만, netlify 로 하면 좀 더 수월하게 구성할 수 있다.
nodejs로 로컬이나 서버에서 테스트하고 싶다면 아래 명령어를 이용해서 8000서버로 운영해 볼 수 있다.
그러나 백그라운드 작업이 되지 않아, 영구적으로 자체 서버에서는 운영이 안 되므로 결국 외부 호스팅을 사용하는 것이 편하다.
github에서 수정한 소스가 수분 내에 배포되므로 편리하게 수정하여 적용할 수 있는 최상의 방법이다.
curl -sL https://raw.githubusercontent.com/creationix/nvm/v0.31.0/install.sh -o install_nvm.sh bash install_nvm.sh source ~/.profile
nvm ls-remote
nvm install 10.16.0
npm install -global gatsby-cli
gatsby new blog https://github.com/alxshelepenok/gatsby-starter-lumen
gatsby develop
실시간 배포 및 error log 확인으로 수정해야할 부분까지 파악 가능하다! Wow!!
댓글 달기