| name | Vercel Postgres Next.js Starter | |||
|---|---|---|---|---|
| slug | postgres-starter | |||
| description | Simple Next.js template that uses Vercel Postgres as the database. | |||
| framework | Next.js | |||
| useCase | Starter | |||
| css | Tailwind | |||
| database | Vercel Postgres | |||
| deployUrl | https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Fvercel%2Fexamples%2Ftree%2Fmain%2Fstorage%2Fpostgres-starter&project-name=postgres-starter&repository-name=postgres-starter&demo-title=Vercel%20Postgres%20Next.js%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 | |||
| demoUrl | https://postgres-starter.vercel.app/ | |||
| relatedTemplates |
|
Simple Next.js template that uses Vercel Postgres as the database.
https://postgres-starter.vercel.app/
You can choose from one of the following two methods to use this repository:
Deploy the example using Vercel:
![https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Fvercel%2Fexamples%2Ftree%2Fmain%2Fstorage%2Fpostgres-starter&project-name=postgres-starter&repository-name=postgres-starter&demo-title=Vercel%20Postgres%20Next.js%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](proxy.php?url=https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Fvercel%2Fexamples%2Ftree%2Fmain%2Fstorage%2Fpostgres-starter&project-name=postgres-starter&repository-name=postgres-starter&demo-title=Vercel%20Postgres%20Next.js%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){kind=link}
Execute create-next-app with pnpm to bootstrap the example:
pnpm create next-app --example https://github.com/vercel/examples/tree/main/storage/postgres-starterOnce that's done, copy the .env.example file in this directory to .env.local (which will be ignored by Git):
cp .env.example .env.localThen open .env.local and set the environment variables to match the ones in your Vercel Storage Dashboard.
Next, run Next.js in development mode:
pnpm devDeploy it to the cloud with Vercel (Documentation).