---
title: "Announcing Croct's one-click integration with Vercel"
slug: "vercel-integration"
locale: "en-us"
description: "We’re thrilled to launch our brand-new one-click integration with Vercel, designed to make AB testing and personalization smoother, faster, and more accessible for all Next.js teams."
published_at: "2025-07-15"
updated_at: "2025-07-15"
image: "https://storage.googleapis.com/croct-assets-b931d070/blog/Announcing_Croct_s_one_click_integration_with_Vercel_3abc033c2d/Announcing_Croct_s_one_click_integration_with_Vercel_3abc033c2d.png"
authors: ["Marcos Passos"]
category: "News"
tags: ["Announcements","Next.js","Changelog"]
canonical: "https://blog.croct.com/post/vercel-integration"
---

# Announcing Croct's one-click integration with Vercel

We've been dreaming about this since we [launched our CLI](/post/croct-cli.md). Its launch has already replaced more than 10 integration steps with a single command, but we wanted to go even further and also replace infrastructure configuration.

Today, we're thrilled to launch our brand-new one-click integration with Vercel, designed to make AB testing and personalization smoother, faster, and more accessible for all Next.js teams.

If you're a Vercel user, say goodbye to complex manual setup and try [Croct's native integration](https://vercel.com/marketplace/croct) for a seamless connection in your projects.

## Why use Vercel native integration

Croct empowers product, engineering, and growth teams to deliver custom-tailored content and run robust experiments, all without slowing down your development cycles.

By joining forces with Vercel, we're providing Next.js development teams with a frictionless workflow: integrate Croct's platform with a single click from the Vercel Marketplace and immediately benefit from data-driven personalization and experimentation. It's never been easier to ship, test, and iterate.

With this integration, you get:

- one-click setup
- automatic environment variables
- full compatibility with Next.js App Router, Pages Router, and Server Actions
- component-based CMS
- headless personalization and AB testing

## How it works

When we say it's one-click, we're not kidding.

To integrate a project, visit the [Croct Vercel integration page](https://vercel.com/marketplace/croct), click "Connect account" and select your project.

![Croct Vercel integration](https://storage.googleapis.com/croct-assets-b931d070/blog/Croct_Vercel_integration_c0bc42416c/Croct_Vercel_integration_c0bc42416c.png "Croct Vercel integration")

Croct will automatically create your API key and configure environment variables, allowing you to deploy and start experimenting or personalizing immediately.

## Powered for Next.js teams

Whether you're launching a new MVP, optimizing onboarding flows, or iterating on feature releases, Croct integrates deeply with the Next.js ecosystem. [This starter template](https://croct.com/templates/boilerplate/starter/nextjs) helps you get up and running with just one command:

```shellcmd noLineNumber
npx croct@latest use croct://starter/nextjs
```

Existing content workflows remain untouched: you can use Croct alongside your current CMS, and all personalization logic lives within reusable, component-driven templates.

Developers love it because:

- It doesn't require manual API key setup or code wiring
- It supports the latest Next.s versions (13, 14, and 15)
- It offers simple rollback and version control
- It has a component-based logic that fits into modern codebases
- It includes frictionless experimentation and analytics

## Get started with one click

Ready to accelerate your customer experience? Add Croct to your Vercel project in minutes and unlock a world of real-time experimentation and personalization. Explore the integration in the [Vercel Marketplace](https://vercel.com/marketplace/croct) and check out our [documentation](https://docs.croct.com/reference/sdk/nextjs/integration) for tips and best practices.

We can't wait to see what you build and how fast you move with Croct and Vercel together!

### Have questions or feedback?

Join our [Slack community](https://croct.link/community) or reach out to our team anytime. We're here to help your team deliver the personalized web at scale.