name	slug	description	framework	useCase	css	database	deployUrl	demoUrl	relatedTemplates
Vercel Postgres GraphQL Starter	postgres-graphql	Simple Next.js template that uses Vercel Postgres as the database and StepZen for GraphQL.	Next.js	Starter	Tailwind	Vercel Postgres + StepZen GraphQL	https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Fstepzen-dev%2Fvercel-postgres-graphql&project-name=postgres-starter&repository-name=vercel-postgres-graphql&demo-title=Vercel%20Postgres%20GraphQL%20Starter&demo-description=Simple%20Next.js%20template%20that%20uses%20Vercel%20Postgres%20as%20the%20database.&demo-url=https%3A%2F%2Fpostgres-starter.vercel.app%2F&demo-image=https%3A%2F%2Fpostgres-starter.vercel.app%2Fopengraph-image.png&stores=%5B%7B"type"%3A"postgres"%7D%5D&integration-ids=oac_fS5U5f04cXnxV1N90Ws6SFXh&external-id=stepzen-dev%2Fvercel-postgres-graphql	https://postgres-starter.vercel.app/	postgres-starter

Vercel Postgres GraphQL Starter

Simple Next.js template that uses Vercel Postgres as the database, and StepZen for GraphQL.

Demo

https://postgres-starter.vercel.app/

How to Use

You can choose from one of the following two methods to use this repository:

One-Click Deploy

Deploy the example using Vercel:

Clone and Deploy

Execute create-next-app with pnpm to bootstrap the example:

pnpm create next-app --example https://github.com/vercel/examples/tree/main/storage/postgres-starter

Once that's done, copy the .env.example file in this directory to .env.local (which will be ignored by Git):

cp .env.example .env.local

Then open .env.local and set the environment variables to match the ones in your Vercel Storage Dashboard. Your keys should be available under your database's .env tab.

Next, run Next.js in development mode:

pnpm dev

Deploy it to the cloud with Vercel (Documentation).