tina cloud starter

蒂娜（Tina）入門者？

next.js入門者由tinacms提供動力，您和您的團隊可以在視覺上進行現場編輯網站的結構化內容。

該內容是通過Markdown和GitHub存儲庫中存儲的JSON文件來管理的，並通過TINA GraphQL API進行查詢。

特徵

• Tina Headless CMS用於身份驗證，內容建模，視覺編輯和團隊管理。
• Vercel部署將從/admin路線視覺上編輯您的站點。
• 使用本地GRAQHQL Server從文件系統進行本地開發工作流。

要求

• Git，Node.js Active LTS，安裝了用於本地開發的PNPM。
• TINACMS帳戶進行現場編輯。

地方發展

安裝項目的依賴性：

筆記

您知道Node.js的最佳軟件包管理器嗎？使用合適的軟件包管理器可以大大增強您的開發工作流程。我們建議使用PNPM進行依賴性的速度和有效處理。了解有關為什麼PNPM通過從SSW中查看此規則的最佳選擇。

 pnpm install

在本地運行該項目：

 pnpm dev

本地URL

• http：// localhost：3000：瀏覽網站
• http：// localhost：3000/admin：連接到蒂娜雲，進入編輯模式
• http：// localhost：3000/exit-admin：登錄蒂娜雲
• http：// localhost：4001/altair/：GraphQl Playground測試查詢並瀏覽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挑戰的幫助：

• 訪問文檔以了解蒂娜。
• 加入我們的不和諧以分享反饋。
• 訪問社區論壇以提出問題。
• 通過Tinacms儀表板上的聊天小部件獲得支持
• 通過電子郵件發送給我們與我們的團隊安排電話，並分享有關您的上下文以及您要實現的目標的更多信息。
• 如果某事不起作用，搜索或打開問題。
• 通過@TINA_CMS在Twitter上與您聯繫。

開發技巧

Visual Studio代碼GraphQl擴展

安裝GraphQL擴展名，以受益於類型自動完成。

打字稿

確保組件匹配數據形狀的一種好方法是利用自動生成的打字稿類型。當您的tina配置更改時，這些會重建。

執照

根據Apache 2.0許可證許可。