Gatsby 사이트를 위한 헤드리스 CMS로서의 DEV

2019년 9월 말에 이 글을 올렸습니다.




기사에서 이미 언급되었으므로 모든 세부 사항을 다루지는 않겠지만 TLDR은 Stackbit를 통해 사이트를 생성함으로써 DEV를 자체 호스팅 사이트의 헤드리스 CMS로 사용할 수 있다는 것입니다.

설정하려면 Ben이 자신의 게시물에서 언급한 내용을 따를 수 있습니다.

오늘날 유일한 차이점은 초기 지침입니다. 계정에 대한 DEV의 설정/통합 섹션에서 사이트 생성 프로세스를 시작할 수 있습니다.



이전 사이트는 Gatsby 사이트였기 때문에 Stackbit를 사용하여 Gatsby 사이트를 생성하기로 결정하고 Fresh 테마를 선택했습니다.





그런 다음 약 1분 이내에 새 사이트를 구축하고 Netlifyhttps://robust-petunia-478cc.netlify.com에 배포했습니다.


니키톤라인 / iamdeveloper.com


내 웹 사이트 iamdeveloper.com의 소스 코드






어서 오십시오


Eleventy 정적 사이트 생성기를 사용하여 구축한 Nick Taylor 웹 사이트의 소스 코드입니다. Andy BellHylia template을 사용합니다. 나는 그것을 조정했고 아마도 시간이 지남에 따라 더 많이 만들 것이지만 Andy에게 그의 멋진 템플릿에 대해 외치고 싶었습니다.

터미널 명령


종속성을 먼저 설치하십시오.


npm install

감시 모드에서 로컬로 사이트 제공


npm start

사이트의 프로덕션 버전 구축


npm run production

프로덕션 사이트를 로컬에서 테스트


cd dist
npx serve



View on GitHub



내 실제 웹사이트는 https://iamdeveloper.com이므로 그 시점에서 Netlify에서 내 사이트가 iamdeveloper.com을 가리키도록 구성했습니다.

왜 Stackbit/DEV인가?



그렇다면 내 블로그 게시물과 함께 Gatsby를 실행하는 웹사이트가 이미 있는데 왜 이렇게 하기로 결정했을까요? 여러 가지 이유로.
  • 두 군데에 퍼블리싱하느라 지쳤습니다. 먼저 Netlify CMS를 사용하여 내 사이트에 블로그 게시물을 작성하고 빌드 및 배포가 완료될 때까지 기다렸다가 DEV가 내 사이트의 RSS 피드 변경 사항을 선택하여 초안 게시물을 생성한 다음 마지막으로 내가 활용할 수 있도록 형식을 지정합니다. DEV의 액체 태그를 선택한 다음 DEV에 게시합니다.
  • 약간의 개선이 필요하고 액체 태그가 더 풍부한 콘텐츠를 제공하지만 DEV 편집기를 선호합니다.
  • Stackbit와 통합될 때 DEV에 게시하면 내 최신 게시물로 내 사이트가 다시 빌드되지만 Stackbit 통합은 내 사이트의 유동 태그에 대해 동일한 마크업을 생성합니다.

  • 그렇다면 단점이 있다면 무엇인가요?


  • 테마 템플릿에 대한 개인화된 사이트 모양을 변경했습니다. 이것은 나를 그렇게 괴롭히지 않습니다. 나는 Gatsby/Stackbit 통합과 관련하여 모든 움직이는 부분을 이해한 후에 내가 가졌던 모습을 다시 가져올 수 있도록 일년 내내 계획합니다.
  • 현재 Stackbit는 이미지를 복사하지 않고 DEV에서 호스팅하는 동일한 이미지를 참조합니다. 이것은 지금 당장 거래를 깨뜨리는 것은 아니지만 내 사이트에서 모든 자산을 호스팅하는 것이 좋을 것입니다.
  • 초안 게시물이 저장되면 Stackbit가 사이트를 재배포합니다.

  • 내가 선택한 템플릿과 관련되었을 수 있는 몇 가지 a11y 문제에 부딪쳤지만 내 커밋을 보면 내가 몇 가지를 고친 부분을 볼 수 있습니다. 또한 이전 사이트에서 다시 추가한 많은 Gatsby 플러그인이 있었습니다. 사이트맵, 구글 애널리틱스.

    평결?



    Stackbit/DEV 통합이 더 좋아질 것이라는 것을 알기 때문에 계속해서 Stackbit/DEV 통합을 시도할 것입니다. , 나는 그것을 개선하는 데 도움이 될 수 있는 모든 것을 하고 싶습니다. 내 DM은 DEV 및 Twitter에서 열려 있습니다.

    특히 현재 개인 사이트가 없는 경우 시도해 볼 것을 권장합니다.

    그게 다야!

    좋은 웹페이지 즐겨찾기