前端交給您與 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 做好漂亮畫面後,每週發文章、換海報或改作品集不該再改程式碼。前端只接一次 API,後台即自動收合用不到的排版設定,只留下連非技術夥伴都會用的「部落格寫作台」與試算表式「資料表」,且團隊協作完全免費。
全方位後台
一套後台整合 7 大商業系統
不只幫您管理文章與圖片。貼上一段提示詞,您的 AI 專案立刻接上 7 大核心商業系統與 5 大雲端基礎設施,免養伺服器、不收 API 流量費,且隨時可與 Kanorio 視覺化託管雙向無損切換。
一個自架前端背後,接上整座品牌的後端支持
您的前端專注於呈現與互動;內容、表單驗證、搜尋引擎導讀與未來的商業交易,由 Kanorio 透過永久系統端點穩定供應。
您的自架前端
Next.js · Astro · Cursor / Lovable
- 18 種欄位型別、一層關聯展開(expand)與 15 種篩選運算子
- 後台 /data 試算表工作台編輯,npx @kanorio/cli types 自動產生型別
- Notion 風純淨寫作台、AI 寫作潤飾與舊站網址一鍵匯入文章
- 輸出 Markdown / HTML / segments[] / H2-H3 目錄 toc[] 與 RSS / Atom
- 回應頂層 assets map 一次打包所有引用圖片網址、寬高與 ALT
- 支援 400 / 800 / 1200 / 1600w 四種標準寬度與 16px WebP 模糊預覽
為自架前端打造的全方位商業與雲端後端藍圖
點擊或滑過圖中帶有 [+] 的模組,查看 Kanorio 如何替您的自架前端處理日常內容、資安、快取與商業擴展。
由您或 AI 打造並部署於 Vercel、Cloudflare Pages 等任何平台
網站內容、部落格與結構化資料庫
由 AI 透過 MCP 一句話建好師資、作品集或常見問題資料表(支援 18 種欄位型別+json、關聯展開與欄位級存取政策);日常則由同事在後台「資料表」與 Notion 風「部落格寫作台」直接新增修改,免動程式碼。
AI 與開發者契約錨點
後台 /posts、/data · Delivery GET /api/v1/collections、/pages、/globals、/feed · MCP collections.*、items.*、posts.*
商業擴展藍圖(底層資料表已預留)
網站內容、部落格與結構化資料庫
由 AI 透過 MCP 一句話建好師資、作品集或常見問題資料表(支援 18 種欄位型別+json、關聯展開與欄位級存取政策);日常則由同事在後台「資料表」與 Notion 風「部落格寫作台」直接新增修改,免動程式碼。
AI 與開發者契約錨點
後台 /posts、/data · Delivery GET /api/v1/collections、/pages、/globals、/feed · MCP collections.*、items.*、posts.*
複製啟動提示詞或建立 Headless 網站
直接複製下方的 AI 啟動提示詞(含 kanorio.com/headless/skill.md),或在後台建立新網站時選擇「自架前端(Headless)」,取得永久不變的系統專屬 API 網址 s-xxx.kanorio.com。
請閱讀 https://kanorio.com/headless/skill.md ,將我目前的專案接上 Kanorio Headless 後台(支援部落格、結構化資料表、防灌水表單與自動化 SEO)。請 Cursor / Claude Code / Lovable 自動建模與串接
AI 透過 Kanorio MCP(支援 OAuth 2.1 彈窗授權,免手動建金鑰)直接在後台幫您建立資料表欄位與示範內容,並在前端專案寫好 @kanorio/sdk 讀取與 KanorioForm 表單元件。
部署前端並執行一鍵串接健檢(Doctor)
將前端部署至 Vercel、Cloudflare Pages 等平台,於後台填寫外部前端網址並點選「檢查外部前端串接」,系統會自動驗證 Sitemap、LLMs.txt、JSON-LD 與快取同步是否全部接妥。
交給團隊日常更新,發布瞬間同步上線
日後您與行銷同事、合作夥伴或客戶直接在 Kanorio 後台寫部落格、改資料表或看表單名單,按下發布瞬間即透過 Webhook 與快取標籤更新公開網站,再也不必動程式碼。
為 AI 代理與現代開發者打造的開放契約
嚴謹的型別、清楚的權限邊界與雙向切換承諾,讓每一行程式碼都經得起長期維護。
常見問題
完全可以。您只需要專心跟 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)或綁定自訂服務網域時才需升級。
- 大師級設計模組、企業級資安防護
- 完整 SEO 及深度數據功能
- AI 友善度最佳化並管理 AI 機器人
- 金流、物流、發票等完整變現功能
- 會員資產累積與永續經營