---
title: "Next.js Convex Template"
description: "A minimal template for building full-stack React applications using Next.js, Vercel, and Convex.\n"
url: "https://vercel.com/templates/next.js/next-js-convex-template"
links:
  repository: "https://github.com/get-convex/vercel-marketplace-convex"
  demo: "https://convex-vercel-template-demo.previews.convex.dev/"
  deploy: "https://vercel.com/new/clone?demo-title=Convex+with+Vercel&demo-description=A+minimal+template+showcasing+using+Convex+with+Vercel&demo-url=https%3A%2F%2Fconvex-vercel-template-demo.previews.convex.dev%2F&project-name=vercel-with-convex&repository-name=vercel-with-convex&repository-url=https%3A%2F%2Fgithub.com%2Fget-convex%2Fvercel-marketplace-convex&products=%5B%7B%22type%22%3A%22integration%22%2C%22integrationSlug%22%3A%22convex%22%2C%22productSlug%22%3A%22convex%22%2C%22protocol%22%3A%22storage%22%7D%5D&demo-image=%2F%2Fimages.ctfassets.net%2Fe5382hct74si%2F7ow9XQ1XVIJzoZMI3kortI%2F803c683a11d8f6b33a6f4c6f4074a61c%2FConvex_Vercel_Template_Demo__1_.png"
---

# Next.js Convex Template

A minimal template for building full-stack React applications using Next.js, Vercel, and Convex.

# Welcome to your Convex + Vercel app

This is a [Convex](https://convex.dev/) project demonstrating how to use Convex with Vercel.

After the initial setup (<2 minutes) you'll have a working full-stack app using:

- Convex as your backend (database, server logic)
- [React](https://react.dev/) as your frontend (web page interactivity)
- [Next.js](https://nextjs.org/) for optimized web hosting and page routing
- [Tailwind](https://tailwindcss.com/) for building great looking accessible UI
- [Vercel](https://vercel.com/) for hosting and deployment by integrating Convex through the Vercel Marketplace.

## Get started

Click the "Deploy" button to clone this repo, create a new Vercel project, setup the Convex integration, and provision a new Convex project:

[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Fget-convex%2Fvercel-marketplace-convex&project-name=vercel-with-convex&repository-name=vercel-with-convex&demo-title=Convex%20with%20Vercel&demo-description=A%20minimal%20template%20showcasing%20using%20Convex%20with%20Vercel&demo-url=https%3A%2F%2Fconvex-vercel-template-demo.previews.convex.dev%2F&products=%5B%7B%22type%22%3A%22integration%22%2C%22integrationSlug%22%3A%22convex%22%2C%22productSlug%22%3A%22convex%22%2C%22protocol%22%3A%22storage%22%7D%5D)

## Learn more

To learn more about developing your project with Convex, check out:

- The [Tour of Convex](https://docs.convex.dev/get-started) for a thorough introduction to Convex principles.
- The rest of [Convex docs](https://docs.convex.dev/) to learn about all Convex features.
- [Stack](https://stack.convex.dev/) for in-depth articles on advanced topics.

## Join the community

Join thousands of developers building full-stack apps with Convex:

- Join the [Convex Discord community](https://convex.dev/community) to get help in real-time.
- Follow [Convex on GitHub](https://github.com/get-convex/), star and contribute to the open-source implementation of Convex.

## Related Integrations

### [Convex](https://vercel.com/marketplace/convex)

Open-source backend platform that keeps your app in sync

---

## 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.