---
title: "Plasmic Split Content Starter Kit"
description: "A Plasmic-based Next.js template which allows you to create landing pages and websites with support for A/B Testing and user segmenting. "
url: "https://vercel.com/templates/next.js/plasmic-split-content-starter-kit"
links:
  repository: "https://github.com/plasmicapp/split-content-template"
  demo: "https://split-content-template.vercel.app/"
  deploy: "https://vercel.com/new/clone?demo-title=Plasmic+Split+Content+Starter+Kit&demo-description=A+Plasmic-based+Next.js+template+which+allows+you+to+create+landing+pages+and+websites+with+support+for+A%2FB+Testing+and+user+segmenting.+&demo-url=https%3A%2F%2Fsplit-content-template.vercel.app%2F&demo-image=%2F%2Fimages.ctfassets.net%2Fe5382hct74si%2F1e5jt8iR0UZBDknlMNDHQO%2F9a26e69682f0997590d08c76d1ce3b17%2FgPEb94ei41ML.png&project-name=Plasmic+Split+Content+Starter+Kit&repository-name=plasmic-split-content-starter-kit&repository-url=https%3A%2F%2Fgithub.com%2Fplasmicapp%2Fsplit-content-template&from=templates&skippable-integrations=1"
---

# Plasmic Split Content Starter Kit

A Plasmic-based Next.js template which allows you to create landing pages and websites with support for A/B Testing and user segmenting.

This is a Plasmic app template which includes the SSR split content support using middleware. 
Read more about split content in our [docs](https://docs.plasmic.app/learn/split-content/).

[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Fplasmicapp%2Fsplit-content-template)

## Demo

* [Plasmic project](https://studio.plasmic.app/projects/v8ZL9gS8QXkoyAZPWzVHE8/)
* [Deployed website](https://split-content-template.vercel.app/)

## Getting Started

This repo is pre-configured to use the projectId and token from the project listed in the demo section.
In order to get started you'd need to:

1) Press the Deploy with Vercel button to host your app on Vercel and create your repo. Get the public link of your deployment.

2) Choose an existing Plasmic project, or create a new one.

3) Add your `PLASMIC_PROJECT_ID` and `PLASMIC_TOKEN` to the `plasmic-init.ts` file. To find project’s ID and public API token open the project in Plasmic Studio.
  - The project ID is in the URL, like: https://studio.plasmic.app/projects/PROJECTID.
  - The public API token can be found by clicking the Code toolbar button.

4) [Follow this guide](https://docs.plasmic.app/learn/app-hosting/) to connect the app host in Plasmic studio to the host link from step 1

5) (Optional) Configure webhooks to re-build Vercel every time you publish from Plasmic. Follow [this guide](https://vercel.com/docs/deploy-hooks) to get webhook URL on Vercel, and then add the URL in the Plasmic studio in Publish -> Webhooks.

You can start editing your project in Plasmic Studio. The page auto-updates as you edit the project.

For local development just run `npm install` to install the dependencies once, and then launch `npm run dev` if you want to start your server locally.

## Learn More

With Plasmic, you can enable non-developers on your team to publish pages and content into your website or app.

To learn more about Plasmic, take a look at the following resources:

- [Plasmic Website](https://www.plasmic.app/)
- [Plasmic Documentation](https://docs.plasmic.app/learn/)
- [Plasmic Community Forum](https://forum.plasmic.app/)

You can check out [the Plasmic GitHub repository](https://github.com/plasmicapp/plasmic) - your feedback and contributions are welcome!

## Related Templates

### [Next.js with Checkly](https://vercel.com/templates/next.js/nextjs-checkly)

A lightweight Next.js × Checkly CLI setup to get you started with unified testing, monitoring, and observability.

### [Plasmic Supabase](https://vercel.com/templates/next.js/plasmic-supabase-template)

This is a template built on top of Plasmic (for frontend), Supabase (for backend), and Next.js (platform).

---

## Additional documentation

The [Vercel Knowledge Base](https://vercel.com/kb) contains guides and answers to common questions about Vercel, including deployment, framework configuration, domains, caching, and troubleshooting.