Skip to main content

Next.js, Tigris & Vercel Quick Start

This guide focuses on demonstrating how easy it is to deploy a Next.js application built with Tigris to Vercel. Vercel can integrate with GitHub, GitLab or Bitbucket repositories for automatic deployments on every branch push and merges.

Prerequisites

Deploy

Hit the deploy button to fork Tigris and Next.js example repo to your account and follow instructions

Deploy with Vercel

You should see the following landing page, link account and create a Git repository: Vercel deployment landing

Click on Add button to add Tigris integration to your application. A pop-up window will ask you to log in to your Tigris account: Add Vercel integration

An application key is required by your application to access Tigris Cloud. You can "create a new application key" or use an existing one from your account. Click Continue: Add application key

The Tigris integration will automatically populate following environment variables for your project:

TIGRIS_URI="Tigris region URI"
TIGRIS_PROJECT="your project name"
TIGRIS_CLIENT_ID="Your application's client id"
TIGRIS_CLIENT_SECRET="Your application's secret key"
TIGRIS_DB_BRANCH="the branch for your database"

🎉 Congratulations, you have just deployed a fullstack app using Next.js and Tigris Congratulations

Where to go from here?

We have a few other guides to help you build a dynamic data-rich Next.js app with Tigris.