Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/prisma/nextjs-edge-functions
Demo of using Next.js with Prisma ORM deployed to Vercel Edge Functions
https://github.com/prisma/nextjs-edge-functions
Last synced: about 2 months ago
JSON representation
Demo of using Next.js with Prisma ORM deployed to Vercel Edge Functions
- Host: GitHub
- URL: https://github.com/prisma/nextjs-edge-functions
- Owner: prisma
- Created: 2024-01-25T10:17:30.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2024-03-06T12:54:44.000Z (10 months ago)
- Last Synced: 2024-03-15T23:05:15.443Z (10 months ago)
- Language: TypeScript
- Homepage: https://nextjs-edge-functions-umber.vercel.app/
- Size: 103 KB
- Stars: 4
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Prisma ORM & Vercel Edge Functions (Example)
This sample application deploys a Next.js API route that uses Prisma ORM to Vercel Edge Functions. Support for running inside of edge functions is currently in Preview in Prisma ORM, you can learn more [here]().
[](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Fprisma%2Fnextjs-edge-functions)
## Prerequisites
A [Vercel Postgres](https://vercel.com/docs/storage/vercel-postgres) or [Neon](https://neon.tech/) database (Vercel Postgres uses Neon under the hood, so you can choose either for this project).
## Usage
### 1. Clone repo
```
git clone [email protected]:prisma/nextjs-edge-functions.git
cd nextjs-edge-functions
```
### 2. Configure database connection
Add the connection URLs that you received after setting up the Vercel Postgres (or Neon) database to the [`.env`](./.env) file.
```bash
POSTGRES_PRISMA_URL="your-db-connection-string-with-pgbouncer=true"
POSTGRES_URL_NON_POOLING="your-db-connection-string"
```
The values may look similar to this:
```bash
POSTGRES_PRISMA_URL="postgres://default:password@ep-wild-voice-61367780-pooler.us-east-1.postgres.vercel-storage.com:5432/verceldb?pgbouncer=true&connect_timeout=15"
POSTGRES_URL_NON_POOLING="postgres://default:password@ep-wild-voice-61367780.us-east-1.postgres.vercel-storage.com:5432/verceldb"
```
### 3. Install dependencies
```
npm install
```
### 4. Create tables & seed database
```
npx prisma migrate dev
npx prisma db seed
```
### 5. Run the app
```
npm run dev
```
### 6. Deploy the app
To deploy the app, you can use the [Vercel CLI](https://vercel.com/docs/cli):
```
vercel deploy
```
### 7. Set the environment variables
Configure the environment variables in your Vercel project, e.g. via the dashboard UI or the [`vercel env`](https://vercel.com/docs/cli/env) CLI command:
- `NEXT_PUBLIC_API_URL`: The domain of your deployed app on Vercel
- `POSTGRES_PRISMA_URL`: The database URL that uses conneciton pooling
- `POSTGRES_URL_NON_POOLING`: The database URL that connects dirctly to your database
### 8. Re-deploy the project on Vercel
Manually re-deploy your project in Vercel to make the new environment variable configuration take effect. Select the latest deployment from the **Deployment** tab, click the **・・・** and then click **Redeploy**.