Kanorio
KANORIO Headless

前端交給您與 AI 自由打造,營運及商業後台交給 Kanorio

與 AI 溝通就能做出最符合期待的漂亮網站,但發文章、改資料、收表單總不能每次都開程式編輯器。接上 Kanorio,即刻擁有連非技術夥伴都會用的日常後台,並隨品牌成長在同一後台擴展完整商業能力。

將這份技能檔交給您的 AI,自動完成後台建模及串接

kanorio.com/headless/skill.md

想直接查看 API 規格、SDK 及能力支援清單?

瀏覽完整 Content Delivery API、MCP 工具、Elements 及 Webhook 契約。

為何選擇 Kanorio Headless?

將「畫面呈現」與「後台營運」拆開,同時擁有 100% 的設計自由與零門檻的日常管理。

前端自由

100% 畫面創作自由

將訪客看到的畫面與底層商業資料徹底分離。您可以直接使用 Cursor、Claude Code、Codex、Lovable、v0 生成的前端專案,或以 Next.js、Astro 打造品牌體驗;未來擴展多個活動頁或流動應用程式時,亦能共用同一個後台。

不限前端框架AI 編程直連多端共用後台

日常營運

日常更新不必再開編程工具

用 AI 做好漂亮畫面後,每週發文章、換海報或改作品集不應再改程式碼。前端只接一次 API,後台即自動收合用不到的排版設定,只留下連非技術夥伴都會用的「部落格寫作台」與試算表式「資料表」,且團隊協作完全免費。

純淨寫作台試算表資料表免費團隊協作

全方位後台

一套後台整合 7 大商業系統

不只幫您管理文章與圖片。貼上一段提示詞,您的 AI 專案即刻接上 7 大核心商業系統與 5 大雲端基礎設施,免維護伺服器、不收 API 流量費,且隨時可與 Kanorio 視覺化託管雙向無損切換。

免維護伺服器不收 API 流量費雙向無損切換
前後端連線拓撲

一個自架前端背後,接上整座品牌的後端支持

您的前端專注於呈現與互動;內容、表單驗證、搜尋引擎導讀及未來的商業交易,由 Kanorio 透過永久系統端點穩定供應。

您的自架前端

Next.js · Astro · Cursor / Lovable

系統專屬網址s-xxx.kanorio.com
API 流量費$0 / 不限次數
快取同步X-Kanorio-Cache-Tags
團隊協作席次免費 / 不限人數
結構化資料表(Collections)100% 已開放
  • 18 種欄位型別、一層關聯展開(expand)及 15 種篩選運算子
  • 後台 /data 試算表工作台編輯,npx @kanorio/cli types 自動產生型別
部落格及純淨寫作台(Blog)100% 已開放
  • Notion 風純淨寫作台、AI 寫作潤飾及舊站網址一鍵匯入文章
  • 輸出 Markdown / HTML / segments[] / H2-H3 目錄 toc[] 及 RSS / Atom
全球媒體庫及圖片 CDN(Media)100% 已開放
  • 回應頂層 assets map 一次打包所有引用圖片網址、寬高及 ALT
  • 支援 400 / 800 / 1200 / 1600w 四種標準寬度及 16px WebP 模糊預覽
7 大商業系統 + 5 大雲端基礎設施

為自架前端打造的全方位商業及雲端後端藍圖

點擊或滑過圖中帶有 [+] 的模組,查看 Kanorio 如何替您的自架前端處理日常內容、網絡保安、快取及商業擴展。

您的自架前端
s-xxx.kanorio.com

由您或 AI 打造並部署於 Vercel、Cloudflare Pages 等任何平台

Kanorio Headless 全方位商業後台
100% 已開放即將推出
7 大核心商業系統01 – 07
系統 01 · 100% 已開放

網站內容、部落格及結構化資料庫

由 AI 透過 MCP 一句話建好導師、作品集或常見問題資料表(支援 18 種欄位型別+json、關聯展開及欄位級存取政策);日常則由同事在後台「資料表」及 Notion 風「部落格寫作台」直接新增修改,免動程式碼。

AI 與開發者契約錨點

後台 /posts、/data · Delivery GET /api/v1/collections、/pages、/globals、/feed · MCP collections.*、items.*、posts.*

商業擴展藍圖(底層資料表已預留)

5 大雲端基礎設施08 – 12

四個步驟,從 AI 寫好前端到交由團隊日常營運

無論您是準備從零開始,還是手上已經有寫好的前端專案,都能在幾分鐘內完成對接。

  1. 複製啟動提示詞或建立 Headless 網站

    直接複製下方的 AI 啟動提示詞(含 kanorio.com/headless/skill.md),或在後台建立新網站時選擇「自架前端(Headless)」,取得永久不變的系統專屬 API 網址 s-xxx.kanorio.com。

    請閱讀 https://kanorio.com/headless/skill.md ,將我目前的專案接上 Kanorio Headless 後台(支援部落格、結構化資料表、防灌水表單及自動化 SEO)。
  2. 請 Cursor / Claude Code / Lovable 自動建模及串接

    AI 透過 Kanorio MCP(支援 OAuth 2.1 彈窗授權,免手動建金鑰)直接在後台幫您建立資料表欄位與示範內容,並在前端專案寫好 @kanorio/sdk 讀取及 KanorioForm 表單元件。

  3. 部署前端並執行一鍵串接健檢(Doctor)

    將前端部署至 Vercel、Cloudflare Pages 等平台,於後台填寫外部前端網址並點選「檢查外部前端串接」,系統會自動驗證 Sitemap、LLMs.txt、JSON-LD 及快取同步是否全部接妥。

  4. 交由團隊日常更新,發佈瞬間同步上線

    日後您與市場推廣同事、合作夥伴或客戶直接在 Kanorio 後台寫部落格、改資料表或看表單名單,按下發佈瞬間即透過 Webhook 與快取標籤更新公開網站,再亦不必動程式碼。

常見問題

完全可以。您只需要專心與 AI 溝通「前端畫面要長什麼樣子」,完全不必自己架資料庫、寫防灌水驗證或管伺服器。只要複製本頁頂部的啟動提示詞(內含 https://kanorio.com/headless/skill.md )貼給 AI,AI 就會透過 Kanorio MCP 自動在後台幫您建好資料表、填入示範資料並寫好前端串接。畫面做好後,您與非技術夥伴每天都能在熟悉的「部落格寫作台」與試算表式「資料表」更新內容,再亦不必為了改一行字開 Codex 重新改程式碼。

隨時都可以在後台一鍵雙向切換,且資料與計劃額度 100% 延續。您可以先用「從 Kanorio 開始建站」在 15 分鐘內零程式碼發佈網站;等之後研究好 AI 編程工具、做好滿意的自訂前端後,再切換為「自架前端(Headless)」,原本累積的部落格文章、資料表及表單名單全部直接透過 API 讀取;反過來若未來不想再自己維護前端程式碼,亦能隨時切回視覺化託管。

自己寫前端很快,但進入長期營運或交由團隊與客戶管理時,「簡易後端」通常會卡在四件事:第一,非技術同事或客戶無法自己改內容,改個字都要工程師發 PR 部署;第二,自建表單極易被機械人灌爆,且缺乏私有附件上載與 CRM 聯絡人歸戶;第三,圖片沒有自動裁切 4 斷點尺寸與 16px 模糊預覽(LQIP);第四,容易漏掉 /sitemap.xml、/llms.txt、Schema.org JSON-LD 與 301 轉址。接上 Kanorio 後,您原有的前端與部署平台完全不用動,只要將資料來源指向 https://s-xxx.kanorio.com/api/v1/* ,就能一次補齊團隊工作台、KanorioForm 防灌水表單、全球圖片 CDN 及全套 SEO / AI 導讀基建。

不需要,這正是 Kanorio Headless 與只負責管理文章的單一內容工具最大的差別。Kanorio 底層直接以「7 大核心商業系統 + 5 大雲端基礎設施」打造,內容、部落格、表單聯絡人與未來的會員分級、商品促銷、時段預約、積分儲值及網上課程住在同一個後台與資料庫。今日先接好已 100% 開放的內容與表單,未來商業功能就緒時直接在同一個後台開通,不必拼湊七八套第三方 SaaS。

透過官方 @kanorio/sdk 與 @kanorio/elements 幾行設定即可完成:第一,用 seoRewrites(siteUrl, framework) 一行代理 /sitemap.xml、/robots.txt、/llms.txt、/llms-full.txt 與 /feed.xml,搭配 fetchDeliveryJsonLd 輸出每頁 Schema.org 結構化資料;第二,在 Middleware 掛載 @kanorio/sdk/edge 的 createKanorioMiddleware,自動執行後台的 301 轉址規則、以 HTTP 403 攔截被封鎖的 AI 訓練爬蟲並回報造訪統計;第三,利用回應的 X-Kanorio-Cache-Tags 與 createRevalidateHandler 接收簽章 Webhook 達成秒級快取刷新,並掛上 KanorioAnalytics 元件追蹤即時流量與 ChatGPT / Perplexity 導流;最後執行 npx @kanorio/cli doctor 即可自動巡檢是否全部接妥。

AI 代理請優先讀取 https://kanorio.com/headless/skill.md 與 https://kanorio.com/developers/capabilities 。核心契約:第一,每個網站配發永久 https://s-xxx.kanorio.com(12 碼英數 systemHost),本機 localhost 與 127.0.0.1 預設自動放行 CORS,正式網域需加入 allowedOrigins 並設 frontendMode 為 HEADLESS;第二,三種憑證嚴格分離 - 公開讀取與表單提交走免金鑰 https://s-xxx.kanorio.com/api/v1/*(伺服器端草稿預覽帶唯讀 X-Kanorio-Preview: knr_pv_...)、建模與管理走 https://app.kanorio.com/api/mcp(OAuth 2.1 或 knr_pat_,嚴禁將 knr_pat_ 放入前端程式碼或 NEXT_PUBLIC_* 環境變數)、買家個人權益與受保護欄位解鎖走 Bearer knr_cat_;第三,媒體欄位存 assetId,公開 CDN 網址、寬高、ALT 與 16px LQIP placeholder 一律由回應頂層 assets[assetId] 讀取,並可用 npx @kanorio/cli types 產生全站 TypeScript 型別。

已 100% 開放(Available,可立即用於生產環境):自訂資料集合(18 種欄位+json、expand、15 種篩選運算子、accessPolicy 欄位級存取控制)、部落格系統集合(blog*,含 Markdown / HTML / segments[] / toc[] / RSS 與 Atom)、頁面與全域導覽(/pages、/globals/*、/redirects)、網上表單(KanorioForm、ALTCHA 防灌水、私有附件直傳、自動歸戶 contacts)、顧客免密碼登入及存取權(kanorio-login、knr_cat_、動態分眾、entitlements)、商品目錄及訂單查詢(/api/v1/products、Customer API /orders、託管收銀台結帳)、受保護數碼交付及網上課程(deliverables、600 秒簽名串流、kanorio-unit、kanorio-curriculum、完課進度)、全球媒體資產(頂層 assets map、400/800/1200/1600w 四種標準寬度、LQIP、kanorio-media 與 kanorio-lightbox)、自動化 SEO / LLMs.txt / 站內搜尋 / Edge AI 爬蟲防護、第一方流量分析(KanorioAnalytics)、10 組簽章 Webhook 與 X-Kanorio-Cache-Tags、免費團隊 RBAC(自訂角色與權限申請)及推廣電子報。規劃中(即將推出,底層結構已預留,請勿於外部前端自行假設未公開端點):多階會員等級(tiers)、積分與儲值帳本(credits)、時段預約與資源排程(bookings)、自架前端商品購物車及促銷計價 SDK。

不收開發者費、不收 API 呼叫與流量費、亦不收團隊人頭席次費。永久免費版($0)即可取得永久系統網址、免費邀請團隊協作,享有無限次 Content Delivery API 讀取、50 筆內容額度(自訂資料集合與部落格文章合計;部落格分類、標籤、作者及表單回覆皆不計入額度)、無限筆表單收集、200 MB 媒體空間及 10 組 Webhook。僅在需要擴充內容筆數(專業版 1,000 筆、商務版 10,000 筆,可按每 1,000 筆加購)、擴充儲存空間(10 GB / 200 GB)或綁定自訂服務網域時才需升級。

全方位品牌經營系統

用 Kanorio 製作網站,建立絕佳的品牌形象並開始變現

毋須信用卡

  • 大師級設計模組、企業級資安防護
  • 完整 SEO 及深度數據功能
  • AI 友善度最佳化並管理 AI 機器人
  • 金流、物流、發票等完整變現功能
  • 會員資產累積與永續經營
Kanorio Headless - 前端交給 AI 自由打造,營運及商業後台交給 Kanorio