Build your frontend with AI. Run your content & business on Kanorio.
AI coding tools make it easy to craft the exact interface you want - but publishing posts, updating data tables, or reviewing form leads shouldn't require opening a code editor. Connect Kanorio so anyone on your team can run daily operations from a clean backoffice.
Hand this skill file to your AI to model & wire your backend
kanorio.com/headless/skill.mdLooking for OpenAPI specs, TypeScript SDK & support matrix?
Browse full Content Delivery API, MCP tools, Elements, and Webhook contracts.
Why Choose Kanorio Headless?
Decouple your presentation layer from daily operations to get 100% design freedom and effortless team management.
Frontend
100% frontend creative freedom
Separate what visitors see from your underlying business data. Bring any frontend built in Cursor, Claude Code, Codex, Lovable, or v0, or craft custom experiences in Next.js and Astro - and power multiple sites or apps from one shared backend.
Operations
Update content without opening an IDE
Once your UI is built, publishing a blog post or updating a portfolio shouldn't require opening Codex or pushing a Git PR. Connect your frontend once and let teammates update content in a clean Notion-style writer and spreadsheet-like Data Tables with free unlimited seats.
All-in-One
7 business systems in one backend
More than just storing articles and images. Paste one prompt to connect your AI project to Kanorio's 7 Core Business Systems and 5 Cloud Infrastructure Pillars - no servers to run, zero API traffic fees, and two-way switching with Hosted mode anytime.
One custom frontend, backed by a complete business engine
Your frontend owns the visual experience; Kanorio supplies structured content, anti-abuse form handling, search indexing, and future commerce over a permanent origin.
Your Custom Frontend
Next.js · Astro · Cursor / Lovable
- 18 field types + json, 1-layer relation expand, and 15 filter operators
- Edited in the /data workbench; npx @kanorio/cli types generates TS types
- Notion-style distraction-free writer, AI polish, and 1-click URL import
- Outputs Markdown, HTML, segments[], H2-H3 toc[], and RSS / Atom feeds
- Top-level assets map resolves all referenced media URLs, dimensions, and ALT
- On-demand 400 / 800 / 1200 / 1600w standard widths plus 16px WebP LQIP placeholders
A Complete Business & Cloud Backend Blueprint for Your Custom Frontend
Hover or click any module marked with [+] to inspect how Kanorio powers your custom frontend today and where your business can grow next.
Built by you or AI and deployed on Vercel, Cloudflare Pages, or anywhere
Content, Blog & Structured Collections
Have AI model custom collections via MCP in one sentence (18 field types + json, relation expand, and field-level access policies), while teammates manage entries and write posts in the /data workbench and Notion-style /posts editor.
AI & Developer Contract Anchor
Backoffice /posts, /data · Delivery GET /api/v1/collections, /pages, /globals, /feed · MCP collections.*, items.*, posts.*
Commerce Expansion Roadmap (Schemas Reserved)
Content, Blog & Structured Collections
Have AI model custom collections via MCP in one sentence (18 field types + json, relation expand, and field-level access policies), while teammates manage entries and write posts in the /data workbench and Notion-style /posts editor.
AI & Developer Contract Anchor
Backoffice /posts, /data · Delivery GET /api/v1/collections, /pages, /globals, /feed · MCP collections.*, items.*, posts.*
Four Steps from AI Vibe Coding to Daily Team Operations
Whether you are starting from a blank folder or connecting an existing frontend, you can wire your backend in minutes.
Copy the Starter Prompt or Create a Headless Site
Copy the AI starter prompt below (pointing to kanorio.com/headless/skill.md), or select "Your own frontend (Headless)" when creating a site in the dashboard to get your permanent API origin s-xxx.kanorio.com.
Connect my project to Kanorio Headless using https://kanorio.com/headless/skill.mdLet Cursor, Claude Code, or Lovable Model & Wire Your Code
Your AI connects to Kanorio MCP (with browser OAuth 2.1 sign-in, no manual key copying) to create your collections and sample records, then scaffolds your frontend with @kanorio/sdk and KanorioForm.
Deploy Your Frontend & Run One-Click Doctor Checks
Deploy to Vercel, Cloudflare Pages, or any host, set your External Frontend URL, and run the built-in External Frontend Doctor to verify Sitemap, LLMs.txt, JSON-LD, and cache headers.
Hand Off Daily Updates to Your Team
Marketers, partners, or clients write blog posts, edit Data Tables, and review form leads in the Kanorio backoffice. Every publish updates your live storefront in seconds via Webhooks and cache tags.
An Open Contract Built for AI Agents and Modern Developers
Strict types, clear credential boundaries, and a two-way switch guarantee keep your architecture maintainable long term.
Frequently Asked Questions
Yes. You only need to focus on telling your AI how you want the frontend to look - no database setup, spam verification, or server maintenance required. Copy the starter prompt at the top of this page (which points to https://kanorio.com/headless/skill.md ) into your AI tool. The AI will connect to Kanorio MCP, create your data tables, seed sample content, and wire the frontend code. Once built, you and non-technical teammates can update posts and tables in the Kanorio dashboard anytime without reopening Codex.
You can switch in either direction at any time from your dashboard, and 100% of your content and plan quotas carry over. You can launch in 15 minutes with "Build with Kanorio" first, and later switch to "Your own frontend (Headless)" once you build a custom frontend with AI - all existing blog posts, collections, and form leads are immediately served over the API. And if you ever want to stop maintaining custom frontend code, you can switch back to Hosted mode.
Hardcoded files or bare tables are fast to prototype, but create four headaches in daily operations: (1) non-technical teammates or clients cannot edit content without asking a developer to open a PR; (2) DIY forms get spammed by bots and lack private attachment storage and CRM contact merging; (3) images lack automatic 4-breakpoint resizing and 16px LQIP blur placeholders; and (4) sites often miss /sitemap.xml, /llms.txt, Schema.org JSON-LD, and 301 redirects. By pointing your existing frontend to https://s-xxx.kanorio.com/api/v1/* , you keep your deployment stack while immediately gaining a team-friendly dashboard, KanorioForm, global image CDN, and automated SEO / AEO files.
No. That is the core difference between Kanorio Headless and single-purpose content tools that only store articles. Kanorio is architected around 7 Core Business Systems and 5 Cloud Infrastructure Pillars in a single database and dashboard. Start with 100%-ready content, blog, and forms today, and activate memberships, store checkout, bookings, credits, and courses in the exact same backend as they roll out.
It takes just a few lines with @kanorio/sdk and @kanorio/elements: (1) call seoRewrites(siteUrl, framework) to proxy /sitemap.xml, /robots.txt, /llms.txt, /llms-full.txt, and /feed.xml, and call fetchDeliveryJsonLd for per-page Schema.org graphs; (2) mount createKanorioMiddleware from @kanorio/sdk/edge in your middleware to apply 301 redirects and block disallowed AI training crawlers with HTTP 403; (3) pair X-Kanorio-Cache-Tags with createRevalidateHandler to process signed webhooks for instant ISR invalidation, and mount KanorioAnalytics for traffic and AI referral tracking; (4) run npx @kanorio/cli doctor to verify the integration.
Agents should read https://kanorio.com/headless/skill.md and https://kanorio.com/developers/capabilities first. Key rules: (1) Every site gets a permanent https://s-xxx.kanorio.com (12-char alphanumeric systemHost); localhost and 127.0.0.1 are automatically allowed by CORS, while production origins must be added to allowedOrigins with frontendMode set to HEADLESS. (2) Three credentials are strictly separated: anonymous public reads and form submissions at https://s-xxx.kanorio.com/api/v1/* (server-side draft preview uses X-Kanorio-Preview: knr_pv_...), server/AI management via https://app.kanorio.com/api/mcp (OAuth 2.1 or knr_pat_ - never expose knr_pat_ in browser bundles or NEXT_PUBLIC_*), and buyer sessions via Bearer knr_cat_. (3) Media fields store assetId; resolve URLs, dimensions, ALT, and 16px LQIP placeholders from the top-level assets[assetId] map, and generate TypeScript types with npx @kanorio/cli types.
100% Available in production today: Custom Collections (18 field types + json, expand, 15 filter operators, field-level accessPolicy), Blog system collections (blog* with Markdown, HTML, segments[], toc[], RSS & Atom), Pages & Globals (/pages, /globals/*, /redirects), Online Forms (KanorioForm, ALTCHA PoW protection, private uploads, CRM contact merging), Passwordless Customer Login & Entitlements (kanorio-login, knr_cat_, dynamic segments, entitlements), Product Catalog & Order Queries (/api/v1/products, Customer API /orders, hosted checkout), Protected Deliverables & Online Courses (deliverables, 600s signed playback, kanorio-unit, kanorio-curriculum, learner progress), Global Media Assets (top-level assets map, 400/800/1200/1600w standard widths, LQIP, kanorio-media, kanorio-lightbox), Automated SEO / LLMs.txt / Full-text Search / Edge AI Crawler Firewall, First-Party Analytics (KanorioAnalytics), 10 Signed Webhooks with X-Kanorio-Cache-Tags, Free Team RBAC (custom roles and access requests), and Email Campaigns. Planned (schemas reserved - do not scaffold custom endpoints yet): Multi-tier membership tiers (tiers), Points & Store Credit ledger (credits), Bookings & Resource Scheduling (bookings), and Headless Store Cart & Promotion Evaluation SDK.
There are zero developer fees, zero API call or bandwidth fees, and zero per-seat team charges. The permanently Free plan ($0) includes your permanent system origin, unlimited team members, unlimited Content Delivery API reads, 50 content items (custom collection items and blog posts combined; blog categories, tags, authors, and form submissions do not count toward quota), unlimited form submissions, 200 MB storage, and 10 webhook endpoints. You only upgrade when you need more content items (1,000 on Pro, 10,000 on Business, expandable in 1,000-item packs), more storage (10 GB / 200 GB), or a custom service domain.
Build your website with Kanorio, create a standout brand presence, and start monetizing
No credit card required
- Master-grade design modules and enterprise security
- Full SEO setup and deep analytics
- AI-friendly optimization and AI bot management
- Comprehensive monetization with payments, shipping, and invoicing
- Customer asset accumulation and sustainable growth