React Bricks

什麼是 React Bricks

React Bricks 是第一個基於 React 組件的真正視覺編輯（內聯，如 Word 或 Pages）的 CMS。
開發人員使用 react-bricks 函式庫，將視覺上可編輯的內容塊建構為 React 組件。內容編輯器有一個易於使用的介面，可以自由建立，並且沒有辦法破壞設計系統。

在這裡觀看 3 分鐘的影片！

開始使用

開始使用就像啟動 CLI 命令一樣簡單

npx create-reactbricks-app@latest

我們有一個很棒的逐步教學，附帶遊戲化，可以讓您快速學習 React Brick。

如果您不是開發人員，您可以啟動一個已為您託管的示範，來試用視覺編輯介面！

誰在使用它？

• The Weather Channel、Casavo、Mediolanum Bank、Power、Woosmap 等企業；
• Neoskop、Mirahi、Belka、Cygnet 等代理商；
• Capbase 或 Everfund 等新創公司，以及全球超過 7,000 名用戶。

給開發人員

它只是 React

將視覺上可編輯的內容塊定義為 React 組件。在 JSX 中使用 React Bricks 組件，如 Text、RichText、Image、Repeater 來新增視覺編輯魔法。決定您要為每個文字啟用的豐富文字功能，並為每個樣式定義自訂的渲染函式。新增對應到組件 props 的側邊欄控制項，讓編輯器只使用您允許的選項，來變更背景顏色等屬性。

彈性

所有東西都以 TypeScript 美觀地輸入。您可以在磚塊內擁有無限巢狀磚塊、透過 Stories 或 Embeds 在頁面之間重複使用內容、管理部署掛鉤、翻譯、細緻的權限、從像 Shopify 這樣的外部資料來源獲取內容、定義具有自訂欄位的實體等等。

自由

• 您可以自由地選擇您偏好的框架（Next.js、Remix、Gatsby），並在一分鐘內切換框架，而無需重寫一行程式碼（磚塊是跨框架的！）。
• 您可以使用任何您喜歡的 CSS 框架。
• 您可以在您想要的任何地方託管，而無需受限於特定的部署平台。
• 行銷團隊是自主的，無需培訓。而且他們永遠不會問您需要觸摸哪個抽象實體來更改頁面：一切都很簡單。如果他們可以使用 Word 或 Pages，他們就可以使用 React Bricks。

給內容編輯器

React Bricks 擁有市場上最好的視覺編輯介面。
它不像其他介面，您必須先點擊內容，然後在側邊欄表單或彈出視窗中輸入：使用 React Bricks，您可以直接像在使用文字處理器一樣撰寫內容。

給設計師

使用 React Bricks，可以建立您的像素完美設計系統，並確保不會有人破壞設計，因為使用磚塊，您可以決定編輯器可以觸摸的內容（透過視覺方式或透過側邊欄控制項），並且只能使用您允許的選項或顏色，以及內容的驗證規則。您的設計是安全的。

給企業

• 使用 React Bricks，您的團隊將會感到高興和生產力十足。
• 您正在選擇一個靈活且具有前瞻性的解決方案，而不會限制您在 React 框架或託管平台方面的選擇。
• 它也適用於企業，具有協作、多語言、排程發佈、影像最佳化以及從全球 CDN 提供服務、細緻的權限、能夠鎖定區塊層級的內容編輯、能夠整合來自外部資料來源的內容、能夠回到使用者每次變更前的狀態、自我備份和還原、SSO 等等！