> For clean Markdown of any page, append .md to the page URL.
> For a complete documentation index, see https://contentful.com/developers/docs/llms.txt.
> For AI client integration (Claude Code, Cursor, etc.), connect to the MCP server at https://contentful.com/developers/docs/_mcp/server.

# Vercel Next.js toolkit

> Installing and using Contentful's Vercel Next.js toolkit

## Overview

To ease the process of integrating certain critical Contentful features inside a Vercel-hosted Next.js project, Contentful provides a [Vercel Next.js toolkit](https://www.npmjs.com/package/@contentful/vercel-nextjs-toolkit) that your team can install and use inside your Next.js application.

The toolkit provides helpers and other utilities that provide drop-in route handlers for activating Draft Mode.

## Getting started

Install the toolkit using npm:

```sh
npm install --production @contentful/vercel-nextjs-toolkit
```

## Usage

See other topics in this guide to learn how to use the Vercel Next.js toolkit:

* [Setting up a route handler to activate Draft Mode](/tools/vercel/vercel-nextjs/setting-up-draft-mode-route-handler)