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

• A Vercel account
• A Tigris account
• A GitHub account

Deploy

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

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

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:

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:

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

Where to go from here?

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

Tutorials

Add Tigris to an existing Next.js app

This guide will help you add Tigris to an existing Next.js application

Next.js app with Tigris using create-next-app

How to create a new Next.js project with Tigris using create-next-app

Real-time full-text search in a Next.js app with Tigris

Adding real-time full-text search to a Next.js app with Tigris

Example GitHub repos

Next.js and Tigris starter app

A to-do list app built on Next.js and Tigris

Next.js 13 and Tigris starter app

A to-do list app built on Next.js 13 and Tigris