
Croct
Croct · 코딩 · 생산성
Croct은 개인화와 A/B 테스트를 내장한 컴포넌트 기반 헤드리스 CMS다. 콘텐츠를 서버에서 해석하므로 페이지가 방문자에 맞춰진 상태로 도착한다. 기본 버전이 먼저 번쩍이며 나타나는 일이 없다. 마케팅 팀은 이걸로 매번 개발 티켓을 끊지 않고 실험을 돌리고 페이지를 조정한다. 이미 운영 중인 CMS를 대체하는 게 아니라 그 옆에 나란히 놓인다. A/B 테스트 도구와 콘텐츠 관리 시스템이 한 묶음이 된 셈이다.

Croct 소개
Croct이란
Croct은 별도의 CDP와 기능 플래그 도구, 분석 계약을 직접 엮지 않고도 방문자마다 보이는 내용을 바꾸려는 팀을 위해 만든 개인화 플랫폼이다. 콘텐츠는 슬롯에 담긴다. 슬롯이란 애플리케이션에 끼워 넣는 자리 표시자다. 각 슬롯은 컴포넌트를 렌더링하고, Croct은 요청 시점에 서버에서 그 방문자가 받을 변형을 결정한다.
이 서버 측 설계는 대부분의 팀이 가장 먼저 눈여겨보는 부분이다. 기본 콘텐츠가 번쩍이는 일도, 스크립트가 로드되는 동안 페이지를 비워 두는 반깜빡임 스니펫도 없다. Croct에 따르면 종단 간 응답 시간은 95번째 백분위에서 90밀리초 미만이다. Core Web Vitals를 신경 쓴다면 이 수치는 의미가 있다.
대가는 적용 범위에 있다. Croct은 긴 글을 쓰거나 미디어 라이브러리를 관리하는 범용 CMS가 아니다. 콘텐츠를 상황에 맞게 만드는 데 초점을 둔다. 누가 언제 무엇을 보는지, 그리고 어떤 변형이 이기는지다. 팀이 초안을 쓸 공간만 필요하다면 이건 과한 장치다. 헤드리스 구성을 전제로 하므로 모놀리식 사이트는 재구축 없이는 얻을 게 별로 없다.
시작하기
npx croct@latest init을 실행한다. SDK가 설치되고 provider가 연결되며 모든 슬롯에 대한 TypeScript 타입이 생성된다.- Croct 인터페이스에 로그인해 첫 오디언스를 정의한다. 행동과 특성에서 시작하거나, 영어에 가까운 쿼리 언어인 CQL로 정의해도 된다.
- 애플리케이션에 슬롯을 추가하고, 설정이 끝나면 인터페이스 안에서 경험과 A/B 테스트를 만든다.
- 출시하고 Croct이 서버에서 콘텐츠를 해석하게 둔 뒤, 모든 요금제에 포함된 비표본 분석에서 결과를 읽는다.
제품 정보
Croct의 요금, 지원 플랫폼, 성능을 한눈에 확인해 보세요.
추천 대상
이 도구가 가장 잘 맞는 사용자, 작업, 상황입니다.
사용자
- 마케팅 팀
- 그로스와 CRO 전문가
- 헤드리스 구성을 쓰는 개발자
작업
- 랜딩 페이지 개인화
- A/B 및 다변수 테스트 실행
- 실시간 오디언스 구축
활용 상황
- 이미 트래픽 유도에 비용을 지불하는 사이트
- 지역별 오퍼
- 또 다른 데이터 공급업체가 꺼려지는 팀
주요 기능
서버 측 콘텐츠 해석
Croct은 페이지를 보내기 전에 방문자마다 무엇을 볼지 정한다. 브라우저에 로드된 뒤가 아니다. 즉 깜빡임이 없고, 판단하는 동안 페이지를 붙잡는 반깜빡임 스크립트도 없다. 개인화가 작동할 때 페이지가 눈에 띄게 재배열되는 걸 본 적이 있다면, 여기가 가장 중요한 차이다.
베이즈 A/B 테스트
실험은 비표본 데이터에 베이즈 통계를 쓴다. 일부 표본이 아니라 전체 오디언스에서 결과를 읽을 수 있다는 뜻이다. A/B, A/B/n, 다변수 테스트에 더해 기기 간 일관성이 있어 로그인한 사용자의 변형은 어디에 도착하든 유지된다. 봇 필터링이 크롤러 트래픽을 수치에서 밀어낸다.
CQL을 통한 오디언스 세분화
오디언스는 CQL로 쓴다. 거의 평범한 영어처럼 읽히는 쿼리 언어다. user is returning and location's city's name is "New York" 같은 규칙은 데이터 팀 없이 마케터가 직접 쓰고 확인할 수 있다. 방문자가 조건을 충족하는 순간 세그먼트가 갱신된다.
컴포넌트 CMS
콘텐츠는 정적 페이지가 아니라 타입이 있고 버전이 관리되는 컴포넌트와 슬롯에 담긴다. 이것이 같은 콘텐츠를 서로 다른 방문자에게 맞출 수 있게 하는 원리이며, 타입은 생성된 TypeScript까지 이어져 에디터와 코드가 구조에 대해 같은 생각을 갖는다. 여기서 콘텐츠 관리는 초안을 저장하는 게 아니라 누가 무엇을 볼지 정하는 일이다.
실시간 사용자 프로필
Croct은 행동이 일어나는 대로 방문자 프로필을 만든다. 누군가 로그인하면 익명 방문을 식별된 방문과 연결한다. 프로필은 자사 데이터로 보강하고 내보낼 수 있다. 고객 데이터를 플랫폼 안에 가두고 싶지 않다면 이 점이 중요하다.
내장 분석
Croct의 분석은 실험과 같은 비표본 데이터 위에서 돌아가며 무료 요금제를 포함한 모든 요금제에서 쓸 수 있다. 세 번째 측정 도구를 덧붙일 필요가 없고, 실험 결과와 트래픽 수치가 같은 언어로 말한다.
장단점
장점
- 개인화가 서버에서 해석되므로 깜빡임도, 렌더링을 막아 페이지를 느리게 하는 스크립트도 없다.
- 한 플랫폼이 세분화, 프로필, 실험, 분석을 아우르므로 별도 CDP와 관련 공급업체가 구성에서 빠진다.
- 마이그레이션을 강요하지 않고 Storyblok, Sanity, Strapi, Contentful, Shopify Hydrogen과 나란히 동작한다.
- 첫 설정 이후 마케터가 Croct 인터페이스에서 오디언스, 경험, 테스트를 운영할 수 있다.
- 핵심 기능을 갖춘 실사용 가능한 무료 등급, 신용카드 불필요, 소규모 사이트와 시범 프로젝트에 알맞다.
단점
- 가격이 월간 활성 사용자에 연동돼 고트래픽 사이트는 무료 10,000 MAU를 넘기면 볼륨 등급을 빠르게 올라간다.
- 영구 무료 요금제는 콘텐츠 슬롯 3개와 경험 또는 실험 1개로 제한돼 실제 테스트에는 금방 부족해진다.
- 헤드리스 구성을 전제로 하므로 모놀리식 CMS를 쓰는 팀은 혜택을 보기 전에 재구축을 마주한다.
- 할당량을 넘기면 업그레이드하거나 그 달이 갱신될 때까지 Croct은 개인화와 추적 제공을 멈춘다.
자주 묻는 질문
콘텐츠를 관리하고 각 방문자가 어떤 변형을 봐야 할지 정한 뒤 그 결과를 측정한다. 콘텐츠가 보는 사람에게 맞춰지는 CMS에, 그 결정을 뒷받침하는 테스트와 분석을 더한 것으로 보면 된다.
관련 콘텐츠
Croct와 관련된 도구, 스킬, 아티클을 살펴보세요.
Croct 대안
Forefront
Forefront · 코딩Forefront는 오픈소스 AI로 무언가를 만드는 웹 플랫폼이다. 대표적인 오픈소스 언어 모델을 자신의 데이터로 미세 조정하고, 성능을 평가하고, API로 실행하거나 내보내 직접 호스팅할 수 있다. 폐쇄형 플랫폼의 편의를 원하면서도 모델과 데이터의 소유권은 놓지 않으려는 개발자가 대상이다.
Startkit
StartKit.AI · 코딩Startkit은 AI SaaS와 AI 래퍼 제품을 만들기 위한 보일러플레이트다. 지루한 부분을 미리 연결해 둔 AI 스타트업 보일러플레이트라고 생각하면 된다. 인증, Stripe와 Lemon Squeezy 결제, 사용량 제한, 트랜잭션 이메일, 그리고 OpenAI, Anthropic, Groq, Llama와 통신하는 AI API 스타터 키트가 포함된다. 저장소를 복제하고 가격을 정한 뒤 사용자가 실제로 돈을 내는 부분에 착수하면 된다. React와 Tailwind 위의 Next.js로 만들어졌기 때문에 보일러플레이트 코드의 상당 부분이 이미 익숙하게 느껴진다.
Testim
Tricentis · 코딩Testim은 웹, 모바일, Salesforce 애플리케이션 전반에 걸쳐 엔드투엔드 테스트를 만들고 실행하는 AI 기반 테스트 자동화 플랫폼이다. 머신러닝에 기대어 인터페이스가 바뀌어도 테스트를 안정적으로 유지하므로, 팀은 깨진 셀렉터를 고치는 데 쓰는 시간을 줄인다. 오늘부터 쓸 수 있는 자동화 테스트 도구치고 나쁘지 않다. 브라우저에서 동작을 녹화해 테스트를 만들고, 더 세밀한 제어가 필요하면 JavaScript를 더한다. 바쁜 QA 팀에게 탄탄한 선택이다.
