프런트엔드는 AI와 자유롭게 만들고, 일상 운영과 비즈니스 백엔드는 Kanorio에 맡기세요

관리자 화면에서 언제든 양방향으로 전환할 수 있으며 데이터와 요금제 한도는 100% 그대로 이어집니다. 처음에는 'Kanorio로 사이트 만들기'로 15분 만에 코딩 없이 사이트를 오픈하고, 이후 AI 코딩 도구로 마음에 드는 맞춤 프런트엔드를 완성한 뒤 '자체 프런트엔드(헤드리스)'로 전환할 수 있습니다. 그동안 쌓아둔 블로그 글, 데이터 테이블, 폼 연락처는 즉시 API를 통해 그대로 제공되며, 반대로 프런트엔드 코드 관리를 그만두고 싶을 때도 언제든 비주얼 호스팅 모드로 돌아올 수 있습니다.

직접 만든 프런트엔드에 MDX/JSON이나 단순 테이블만 붙이면 초기 제작은 빠르지만 장기 운영이나 팀·클라이언트 인수인계 시 4가지 문제에 부딪힙니다. ①비개발자 팀원이나 클라이언트가 직접 내용을 고칠 수 없어 사소한 문구 수정도 개발자가 PR을 올려야 하고, ②자체 제작 폼은 스팸 봇 공격에 취약하며 비공개 첨부파일 보관과 CRM 연락처 통합이 없고, ③이미지의 4단계 자동 리사이징과 16px 블러 미리보기(LQIP)가 없으며, ④/sitemap.xml, /llms.txt, Schema.org JSON-LD, 301 리디렉션을 놓치기 쉽습니다. 기존 프런트엔드와 배포 환경은 그대로 둔 채 데이터 소스만 https://s-xxx.kanorio.com/api/v1/* 로 연결하면 팀 워크벤치, KanorioForm 스팸 방지 폼, 글로벌 이미지 CDN, SEO / AI 가이드를 한 번에 갖출 수 있습니다.

새로 구축할 필요가 없습니다. 이것이 글만 저장하는 단일 목적 콘텐츠 도구와 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 로 서명 웹훅을 받아 밀리초 단위로 캐시를 갱신하고 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로 설정합니다. ② 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 를 저장하며 공개 CDN URL, 가로세로 크기, 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 맵, 400/800/1200/1600w 표준 너비, LQIP, kanorio-media, kanorio-lightbox), 자동화 SEO / LLMs.txt / 사이트 내 검색 / Edge AI 크롤러 방화벽, 퍼스트파티 트래픽 분석(KanorioAnalytics), 10개 서명 웹훅 및 X-Kanorio-Cache-Tags, 무료 팀 RBAC(커스텀 역할과 권한 요청) 및 뉴스레터 캠페인. 계획 중(출시 예정, 미공개 엔드포인트를 임의로 가정해 작성하지 마세요): 다단계 회원 등급(tiers), 포인트 및 스토어 크레딧 원장(credits), 시간대 예약 및 리소스 스케줄링(bookings), 자체 프런트엔드 장바구니 및 프로모션 계산 SDK.

개발자 추가 비용, API 호출 요금, 트래픽 요금, 팀원당 좌석 비용이 모두 0원입니다. 평생 무료 요금제($0)만으로도 영구 시스템 주소 발급, 무제한 팀원 초대, 무제한 Content Delivery API 읽기, 콘텐츠 50건(맞춤 컬렉션 항목과 블로그 글 합산이며 카테고리·태그·저자·폼 응답은 한도를 차지하지 않음), 무제한 폼 수집, 200 MB 미디어 저장공간, 10개의 웹훅 엔드포인트를 사용할 수 있습니다. 콘텐츠 건수 확장(프로 1,000건, 비즈니스 10,000건, 1,000건 단위 추가 가능), 저장공간 확장(10 GB / 200 GB) 또는 맞춤 서비스 도메인 연결이 필요할 때만 업그레이드하면 됩니다.