> This page is for Tools and Plugins.

> For clean Markdown of any page, append .md to the page URL.
> For a complete documentation index, see https://contentful-staging.ferndocs.com/developers/docs/llms.txt.
> For AI client integration (Claude Code, Cursor, etc.), connect to the MCP server at https://contentful-staging.ferndocs.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 utilties that do things like providing 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)