tina cloud starter

티나 스타터?

이 Next.js 스타터는 귀하와 귀하의 팀이 귀하의 웹 사이트의 구조화 된 콘텐츠를 시각적으로 실시간으로 편집 할 수 있도록 TinACMS로 구동됩니다.

컨텐츠는 Github 저장소에 저장된 Markdown 및 JSON 파일을 통해 관리되며 Tina GraphQL API를 통해 쿼리했습니다.

특징

• 인증, 컨텐츠 모델링, 시각적 편집 및 팀 관리를위한 Tina Headless CMS.
• Vercel 배포 /admin 경로에서 사이트를 시각적으로 편집합니다.
• 로컬 Graqhql 서버를 사용하여 파일 시스템의 로컬 개발 워크 플로우.

요구 사항

• Git, Node.js Active LTS, PNPM이 지역 개발을 위해 설치되었습니다.
• TinACMS는 라이브 편집을 설명합니다.

지역 개발

프로젝트의 종속성 설치 :

메모

Node.js의 최고의 패키지 관리자를 알고 있습니까? 올바른 패키지 관리자를 사용하면 개발 워크 플로우를 크게 향상시킬 수 있습니다. 속도와 효율적인 종속성 처리를 위해 PNPM을 사용하는 것이 좋습니다. SSW 에서이 규칙을 확인하여 PNPM이 프로젝트에 가장 적합한 이유에 대해 자세히 알아보십시오.

 pnpm install

로컬로 프로젝트 실행 :

 pnpm dev

로컬 URL

• http : // localhost : 3000 : 웹 사이트를 찾아보십시오
• http : // localhost : 3000/admin : Tina Cloud에 연결하고 편집 모드로 이동
• http : // localhost : 3000/exit-admin : Tina Cloud에서 로그 아웃하십시오
• http : // localhost : 4001/altair/: graphql 놀이터를 테스트하고 API 문서를 찾아보십시오.

로컬로 스타터 구축 (호스팅 된 콘텐츠 API 사용)

.env.example 을 .env 로 교체하십시오

 NEXT_PUBLIC_TINA_CLIENT_ID=<get this from the project you create at app.tina.io>
TINA_TOKEN=<get this from the project you create at app.tina.io>
NEXT_PUBLIC_TINA_BRANCH=<Specify the branch with Tina configured>

프로젝트 구축 :

pnpm build

도움을 받고 있습니다

TinACMS 문제에 대한 도움을 받으려면 다음과 같습니다.

• Tina에 대해 알아 보려면 문서를 방문하십시오.
• 불화에 가입하여 피드백을 공유하십시오.
• 커뮤니티 포럼을 방문하여 질문을하십시오.
• TinAcms 대시 보드에서 채팅 위젯을 통해 지원 받기
• 우리 팀과의 전화를 예약하고 당신의 상황과 달성하려는 것에 대해 더 많이 공유하려면 이메일을 보내주십시오.
• 무언가가 작동하지 않으면 문제를 검색하거나 열어줍니다.
• @tina_cms의 트위터에 연락하십시오.

개발 팁

Visual Studio Code GraphQL 확장

Type Auto-Completion의 이점을 얻으려면 GraphQL 확장자를 설치하십시오.

TypeScript

구성 요소가 데이터 모양과 일치하는지 확인하는 좋은 방법은 자동 생성 된 TypeScript 유형을 활용하는 것입니다. tina 구성이 변경 될 때 재건됩니다.

특허

Apache 2.0 라이센스에 따라 라이센스가 부여되었습니다.