Create your project in under 5 minutes

Login to TestNix dashboard using Google, Github or Microsoft.

Once you're logged in, Click the Create Experiment button in the top right corner.

Head over to the terminal of your project and install the TestNix package.

npm install testnix

Now we define which React components we would like to A/B-test. Imagine the following scenarios:

• Changing the layout of your landing page
• Changing the call-to-action in your hero section
• Adding an onboarding flow to your SaaS to increase sales

All of these scenarios and many more can be realized with TestNix. Simply define your variants (i.e. different layouts for your landing page) and add them to your experiment.

Note: The Experiment Id of the <Experiment> component comes from step 2.

import { Experiment, Variant } from 'testnix/server'

export default function Component() {
  return (
    <Experiment experimentId="your experiment Id" experimentHash="your experiment Hash">
      <Variant variantId="experiment-variant-1">
        // any component here
      </Variant>
      <Variant variantId="experiment-variant-2">
        // any component here
      </Variant>
    </Experiment>
  )
}

That's it! You're all set to optimize your website. As you develop locally, you'll notice metrics appearing in your experiment dashboard. Once you've verified everything is working correctly, your setup is complete

To start with your project checkout our official site: TestNix. To get more details, checkout our official documentation: TestNix Docs.