Hygraph

關於 Hygraph

Hygraph 是原生的 GraphQL 無頭 CMS，更進一步地協助您在不同的內容來源和裝置之間建立多對多的關係。

開始使用： https://app.hygraph.com/signup/

請求示範： https://hygraph.com/contact

產品概述

Schema Builder（結構建立器） - 使用我們的低程式碼結構建立器定義內容 API 的結構，其中包含文字、資產、數字、地圖等多種欄位選項，甚至可以連接內容模型以共享資訊並更快地擴展。

Remote Sources（遠端來源） - 使用低程式碼方法，透過支援 GraphQL 或 REST API，將多個外部系統與您的 Hygraph 專案配置在一起。自訂類型會透過內省自動產生，但某些 RESTful 遠端來源可能需要定義。設定好遠端來源後，此來源的內容便可用於多個模型或在上層進行查詢。

API playground（API 遊樂場） - 所有專案都內建 API 遊樂場，可嘗試查詢和變更。它也非常適合執行諸如使用 API 金鑰測試授權和存取控制、測試多個環境、本地化內容等工作。

Localization（本地化） - 在專案中定義多個地區設定，並在一個內容模型中輕鬆管理每個翻譯。本地化可透過 UI 或 GraphQL 變更進行管理。您還可以定義預設和備用語言。

Webhooks（網路鉤子） - 為各種 Hygraph 事件觸發網路鉤子，並在需要時添加其他標頭和驗證。網路鉤子會記錄下來，您可以在必要時重新觸發失敗的網路鉤子。

Granular permissions（精細權限） - 針對每個角色，定義他們可以存取哪些內容（確切的模型、階段、地區設定、環境等）以及他們可以執行哪些操作（讀取、建立、更新、刪除、發佈、取消發佈）的精細權限。

內容編輯

• Components（元件） - 透過使用元件（一組預先定義的欄位，可在多個模型中使用），讓內容建立速度更快、更靈活。您定義元件內將使用的欄位一次，然後內容團隊可以在每次在內容條目中使用它們時填入不同的內容。
• Batch editing（批次編輯） - 一次變更多個內容條目，節省時間。
• Commenting（評論） - 在內容條目中添加評論，在 CMS 內開始討論並將其直接分配給團隊成員。
• Scheduled publishing（排程發佈） - 在特定時間或作為發佈的一部分排程發佈或取消發佈內容。
• Content Stages and Workflows（內容階段和工作流程） - 建立預設的草稿和已發佈階段之外的自訂階段，並對應您的內部編輯工作流程。將它們與精細權限結合，以定義哪些使用者可以讀取和移動每個特定階段的內容。
• Preview URL（預覽網址） - 設定網址，透過前端上的自動產生連結，在發佈之前預覽內容。

App Framework（應用程式框架） - 透過建立自訂應用程式以新增 Hygraph 的功能或連接到其他系統，根據您獨特的業務使用案例量身訂製 Hygraph。應用程式可以連接到其他系統、對 API 執行操作並具有自訂頁面、側邊欄元素或欄位。

開始使用的實用連結

文件： https://hygraph.com/docs

功能概述： https://hygraph.com/features

市集： https://hygraph.com/marketplace

範例： https://github.com/hygraph/hygraph-examples

入門範本

• 部落格： https://hygraph.com/marketplace/starters/hygraph-gatsby-blog
• 電子商務店面： https://hygraph.com/marketplace/starters/hygraph-nextjs-storefront
• 開發人員作品集： https://hygraph.com/marketplace/starters/hygraph-sveltekit-portfolio
• 文件： https://hygraph.com/marketplace/starters/hygraph-remix-documentation
• 行銷網站： https://hygraph.com/marketplace/starters/hygraph-nextjs-chakra-website
• 待辦事項應用程式： https://hygraph.com/marketplace/starters/hygraph-nextjs-nextauth-swr-todo

了解如何使用 Hygraph 與

• React： https://hygraph.com/react-cms
• NextJS： https://hygraph.com/nextjs-cms
• Vue： https://hygraph.com/vue-cms
• Gatsby： https://hygraph.com/gatsby-cms
• Remix： https://hygraph.com/remix-cms
• Svelte： https://hygraph.com/svelte-cms
• Hydrogen： https://hygraph.com/hydrogen-cms
• Angular： https://hygraph.com/angular-cms

了解 GraphQL 無頭 CMS： https://hygraph.com/headless-cms

了解 GraphQL： https://hygraph.com/learn/graphql