Introduction

Looking to add AB testing to your Strapi-powered site?

This template combines Strapi.io, Next.js, and Croct to help you run experiments and analyze results without changing your CMS or integrating with other third-party analytics tools.

It's the fastest way to add experimentation on top of Strapi CMS.

Croct replaces static component content with dynamic content, allowing you to manage everything directly on the UI while using Strapi content as a fallback.

Since it comes with built-in audience segmentation and analytics, there's no need to work on extra integrations with CDPs to segment visitors or analytics tools to gather insights.

Using Croct, you get:

  • AB testing support with real-time audience segmentation
  • Built-in analytics and Bayesian analysis for every variant and experience
  • Seamless compatibility with your existing Strapi schemas
  • Fast implementation with zero CMS migration

What's included

Besides the integration itself, this template creates an AB test for all users who browse the website, splitting them into two variants, each with 50% of the traffic.

As an example, the home hero content difference lies in the headline:

  • Variant A: Launch your content into orbit
  • Variant B: Integrate AB testing in one command
A split-screen comparison image showing two versions of the starter home page. The left side shows the variant A content, and the right side shows the variant B content.

Usage

Run the following command in an empty directory to create a new example project using this template:

npx croct@latest use croct://integration/strapi-ab-testing

Start building in seconds

Paste the following command in your terminal and let the CLI do the rest.

npx croct@latest use croct://integration/strapi-ab-testing