フロントエンドはAIと自由に構築、日々の運営とビジネス基盤はKanorioで

管理画面からいつでも双方向に切り替え可能で、データやプラン枠は100%そのまま引き継がれます。まずは「Kanorio でサイトを作成」で15分でサイトを公開し、後からAIツールでこだわりの自前フロントエンドを作って「自前フロントエンド（ヘッドレス）」に切り替えるといった使い方が可能です。それまでに書き溜めたブログ記事やデータテーブル、フォームの連絡先はそのままAPI経由で配信されます。

コード内のファイル直書きや簡易テーブルは最初の構築こそ速いものの、運用フェーズで4つの壁にぶつかりがちです。①非エンジニアの同僚やクライアントが自分で更新できず、小さな修正でも毎回PRが必要になること、②自作フォームがボット攻撃を受けやすく、非公開ファイル添付や連絡先統合がないこと、③画像の4段階リサイズや16pxぼかしプレビュー（LQIP）を自前で組む手間、④/sitemap.xml、/llms.txt、Schema.org JSON-LD、301転送の実装漏れです。既存のフロントエンドの取得先を https://s-xxx.kanorio.com/api/v1/* に向けるだけで、今のデプロイ環境を変えずにこれらすべてが一気に揃います。

作り直す必要はありません。そこが記事管理に特化した単機能ツールとKanorio Headlessの最大の違いです。Kanorioは「7つのコアビジネスシステム + 5つのクラウド基盤」が同じ管理画面・同じデータベース上に設計されているため、まずは100%完成しているコンテンツ・ブログ・フォームから始め、将来同じバックエンド上で会員ランク、ストア決済、予約、オンライン講座をそのまま有効化できます。

公式の @kanorio/sdk と @kanorio/elements で数行の設定で完了します。① seoRewrites(siteUrl, framework) で /sitemap.xml、/robots.txt、/llms.txt、/llms-full.txt、/feed.xml をプロキシし、fetchDeliveryJsonLd で各ページのSchema.orgを出力、② ミドルウェアに @kanorio/sdk/edge の createKanorioMiddleware を配置して301リダイレクトとAI学習クローラのHTTP 403ブロックを適用、③ X-Kanorio-Cache-Tags と createRevalidateHandler で署名付きWebhookを受け取ってキャッシュを即時更新し、KanorioAnalytics でアクセスとAI流入を計測、④ 最後に 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 に設定します。②3種類の認証情報は厳格に分離されます。公開読み取りとフォーム送信はキー不要の 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 を保持し、実URL・幅・高さ・ALT・16px LQIP placeholder はレスポンス最上位の assets[assetId] から取得します。型定義は npx @kanorio/cli types で生成できます。

現在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 マップ、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コール課金、帯域幅課金、チームメンバーごとのID課金はすべてゼロです。永久無料プラン（$0）でも恒久システムURL、人数無制限のチーム招待、無制限のContent Delivery API読み取り、50件のコンテンツ枠（カスタムコレクション項目とブログ記事の合計。カテゴリ・タグ・著者・フォーム回答は枠を消費しません）、無制限のフォーム受信、200 MBストレージ、10個のWebhookエンドポイントが含まれます。コンテンツ件数（プロ1,000件、ビジネス10,000件、1,000件単位で追加購入可能）やストレージ容量（10 GB / 200 GB）の拡張、独自サービスドメイン接続が必要になった時だけアップグレードすれば十分です。