Gatsby 사이트를 위한 헤드리스 CMS로서의 DEV
4949 단어 headlesscmsgatsbystackbit
이제 Stackbit를 통해 DEV 콘텐츠에서 바로 자체 호스팅 가능한 정적 블로그를 생성할 수 있습니다.
개발자 팀의 Ben Halpern ・ 2019년 9월 26일 ・ 4분 읽기
#meta
#projectbenatar
#webdev
#changelog
기사에서 이미 언급되었으므로 모든 세부 사항을 다루지는 않겠지만 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 Bell의 Hylia 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를 실행하는 웹사이트가 이미 있는데 왜 이렇게 하기로 결정했을까요? 여러 가지 이유로.
그렇다면 단점이 있다면 무엇인가요?
내가 선택한 템플릿과 관련되었을 수 있는 몇 가지 a11y 문제에 부딪쳤지만 내 커밋을 보면 내가 몇 가지를 고친 부분을 볼 수 있습니다. 또한 이전 사이트에서 다시 추가한 많은 Gatsby 플러그인이 있었습니다. 사이트맵, 구글 애널리틱스.
평결?
Stackbit/DEV 통합이 더 좋아질 것이라는 것을 알기 때문에 계속해서 Stackbit/DEV 통합을 시도할 것입니다. , 나는 그것을 개선하는 데 도움이 될 수 있는 모든 것을 하고 싶습니다. 내 DM은 DEV 및 Twitter에서 열려 있습니다.
특히 현재 개인 사이트가 없는 경우 시도해 볼 것을 권장합니다.
그게 다야!
Reference
이 문제에 관하여(Gatsby 사이트를 위한 헤드리스 CMS로서의 DEV), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/nickytonline/dev-as-a-headless-cms-for-your-gatsby-site-4mj2텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)