prisma ยท Prisma Docs
Prisma Next.js (/docs/guides/frameworks/nextjs)
A guide for integrating Prisma ORM with Next.js, covering project scaffolding, dependency installation, Prisma configuration, schema definition, and deployment to Vercel.
Derived skill
Files assembled from official documentation
Viewing SKILL.md
Prisma Next.js (/docs/guides/frameworks/nextjs)
A guide for integrating Prisma ORM with Next.js, covering project scaffolding, dependency installation, Prisma configuration, schema definition, and deployment to Vercel.
When To Use
Use when you need to scaffold a Next.js application with Prisma ORM, configure a Prisma Postgres instance, and prepare the project for deployment on Vercel.
Reference Files
| File | Contains | Use For |
|---|---|---|
SKILL.md | Entry point: scope, routing table, and workflow. | Start here. |
docs/prisma-next-js-docs-guides-frameworks-nextjs-workflow-guide.md | A guide explaining how to integrate Prisma ORM with the Next.js fullstack React framework, including database setup and migrations. | Questions about a guide explaining how to integrate Prisma ORM with the Next.js fullstack React framework, including database setup a... |
examples/prisma-next-js-docs-guides-frameworks-nextjs-prisma-nextjs-project-initi.bash | A bash command to initialize a new Next.js project using the Prisma template. | Exact payloads, commands, or snippets shown in A bash command to initialize a new Next.js project using the Prisma template. |
examples/prisma-next-js-docs-guides-frameworks-nextjs-prisma-nextjs-template-crea.bash | A bash command to initialize a new Next.js project using the official Prisma template via pnpm. | Exact payloads, commands, or snippets shown in A bash command to initialize a new Next.js project using the official Prisma template via pnpm. |
examples/prisma-next-js-docs-guides-frameworks-nextjs-prisma-nextjs-template-crea-2.bash | A bash command to initialize a new Next.js project using the official Prisma template via yarn. | Exact payloads, commands, or snippets shown in A bash command to initialize a new Next.js project using the official Prisma template via yarn. |
examples/prisma-next-js-docs-guides-frameworks-nextjs-prisma-nextjs-bun-create-te.bash | A bash command to initialize a new Next.js project using the Prisma Bun template. | Exact payloads, commands, or snippets shown in A bash command to initialize a new Next.js project using the Prisma Bun template. |
examples/prisma-next-js-docs-guides-frameworks-nextjs-prisma-nextjs-create-app-co.bash | A bash command to initialize a new Next.js application using create-next-app. | Exact payloads, commands, or snippets shown in A bash command to initialize a new Next.js application using create-next-app. |
examples/prisma-next-js-docs-guides-frameworks-nextjs-prisma-nextjs-project-initi-2.bash | A bash command to initialize a new Next.js application using pnpm dlx. | Exact payloads, commands, or snippets shown in A bash command to initialize a new Next.js application using pnpm dlx. |
examples/prisma-next-js-docs-guides-frameworks-nextjs-prisma-nextjs-create-app-co-2.bash | A bash command to initialize a new Next.js application using create-next-app. | Exact payloads, commands, or snippets shown in A bash command to initialize a new Next.js application using create-next-app. |
examples/prisma-next-js-docs-guides-frameworks-nextjs-prisma-nextjs-bunx-create-n.bash | A bash command to initialize a new Next.js application using bunx and create-next-app. | Exact payloads, commands, or snippets shown in A bash command to initialize a new Next.js application using bunx and create-next-app. |
examples/prisma-next-js-docs-guides-frameworks-nextjs-prisma-nextjs-project-setup.bash | Bash commands to create a new directory and initialize a Next.js project with Prisma. | Exact payloads, commands, or snippets shown in Bash commands to create a new directory and initialize a Next.js project with Prisma. |
examples/prisma-next-js-docs-guides-frameworks-nextjs-prisma-nextjs-installation-.bash | Bash commands to install prisma, tsx, and postgres types as development dependencies for a Next.js project. | Exact payloads, commands, or snippets shown in Bash commands to install prisma, tsx, and postgres types as development dependencies for a Next.js project. |
examples/prisma-next-js-docs-guides-frameworks-nextjs-prisma-nextjs-install-depen.bash | A bash command to install prisma, tsx, and postgres types as development dependencies using pnpm. | Exact payloads, commands, or snippets shown in A bash command to install prisma, tsx, and postgres types as development dependencies using pnpm. |
examples/prisma-next-js-docs-guides-frameworks-nextjs-prisma-nextjs-dev-dependenc.bash | A bash command to install prisma, tsx, and postgres types as development dependencies for a Next.js project. | Exact payloads, commands, or snippets shown in A bash command to install prisma, tsx, and postgres types as development dependencies for a Next.js project. |
examples/prisma-next-js-docs-guides-frameworks-nextjs-prisma-nextjs-bun-dependenc.bash | A bash command to install prisma, tsx, and postgres types using the bun package manager for a Next.js project. | Exact payloads, commands, or snippets shown in A bash command to install prisma, tsx, and postgres types using the bun package manager for a Next.js project. |
examples/prisma-next-js-docs-guides-frameworks-nextjs-prisma-nextjs-npm-install-d.bash | The bash command to install the Prisma client, PostgreSQL adapter, dotenv, and pg packages for a Next.js project. | Exact payloads, commands, or snippets shown in The bash command to install the Prisma client, PostgreSQL adapter, dotenv, and pg packages for a Next.js project. |
examples/prisma-next-js-docs-guides-frameworks-nextjs-prisma-nextjs-pnpm-install-.bash | A bash command to install Prisma client, PostgreSQL adapter, dotenv, and pg using pnpm for a Next.js project. | Exact payloads, commands, or snippets shown in A bash command to install Prisma client, PostgreSQL adapter, dotenv, and pg using pnpm for a Next.js project. |
examples/prisma-next-js-docs-guides-frameworks-nextjs-prisma-nextjs-dependency-in.bash | Bash command to install Prisma client, PostgreSQL adapter, and dotenv dependencies for a Next.js project. | Exact payloads, commands, or snippets shown in Bash command to install Prisma client, PostgreSQL adapter, and dotenv dependencies for a Next.js project. |
examples/prisma-next-js-docs-guides-frameworks-nextjs-prisma-nextjs-bun-dependenc-2.bash | A bash command to install Prisma client, PostgreSQL adapter, dotenv, and pg using the bun package manager for a Next.js project. | Exact payloads, commands, or snippets shown in A bash command to install Prisma client, PostgreSQL adapter, dotenv, and pg using the bun package manager for a Next.... |
examples/prisma-next-js-docs-guides-frameworks-nextjs-prisma-nextjs-init-custom-c.bash | A bash command demonstrating how to initialize Prisma with a custom output directory for a Next.js project. | Exact payloads, commands, or snippets shown in A bash command demonstrating how to initialize Prisma with a custom output directory for a Next.js project. |
examples/prisma-next-js-docs-guides-frameworks-nextjs-prisma-nextjs-init-command.bash | A bash command to initialize Prisma with a custom output directory for a Next.js project. | Exact payloads, commands, or snippets shown in A bash command to initialize Prisma with a custom output directory for a Next.js project. |
examples/prisma-next-js-docs-guides-frameworks-nextjs-prisma-nextjs-init-command-2.bash | A bash command to initialize Prisma with a custom output directory for a Next.js project. | Exact payloads, commands, or snippets shown in A bash command to initialize Prisma with a custom output directory for a Next.js project. |
examples/prisma-next-js-docs-guides-frameworks-nextjs-prisma-nextjs-bunx-init-com.bash | A bash command to initialize Prisma within a Next.js project using bunx and specifying a custom output directory. | Exact payloads, commands, or snippets shown in A bash command to initialize Prisma within a Next.js project using bunx and specifying a custom output directory. |
examples/prisma-next-js-docs-guides-frameworks-nextjs-prisma-nextjs-create-db-com.bash | A bash command to initialize a database using the npx create-db utility within a Next.js project. | Exact payloads, commands, or snippets shown in A bash command to initialize a database using the npx create-db utility within a Next.js project. |
examples/prisma-next-js-docs-guides-frameworks-nextjs-prisma-nextjs-pnpm-create-d.bash | A bash command using pnpm dlx to execute the create-db utility within a Prisma Next.js project environment. | Exact payloads, commands, or snippets shown in A bash command using pnpm dlx to execute the create-db utility within a Prisma Next.js project environment. |
examples/prisma-next-js-docs-guides-frameworks-nextjs-prisma-nextjs-create-db-com-2.bash | A bash command using yarn dlx to execute the create-db utility for a Prisma Next.js project. | Exact payloads, commands, or snippets shown in A bash command using yarn dlx to execute the create-db utility for a Prisma Next.js project. |
examples/prisma-next-js-docs-guides-frameworks-nextjs-prisma-nextjs-bunx-create-d.bash | A bash command used to initialize a database project using bunx and create-db within a Next.js environment. | Exact payloads, commands, or snippets shown in A bash command used to initialize a database project using bunx and create-db within a Next.js environment. |
examples/prisma-next-js-docs-guides-frameworks-nextjs-prisma-nextjs-definition.prisma | A Prisma schema file defining User and Post models for use within a Next.js application. | Exact payloads, commands, or snippets shown in A Prisma schema file defining User and Post models for use within a Next.js application. |
examples/prisma-next-js-docs-guides-frameworks-nextjs-prisma-nextjs-typescript-co.typescript | A TypeScript configuration file demonstrating how to set up Prisma within a Next.js project environment. | Exact payloads, commands, or snippets shown in A TypeScript configuration file demonstrating how to set up Prisma within a Next.js project environment. |
examples/prisma-next-js-docs-guides-frameworks-nextjs-prisma-nextjs-migrate-dev-i.bash | A bash command to initialize a Prisma database migration within a Next.js project. | Exact payloads, commands, or snippets shown in A bash command to initialize a Prisma database migration within a Next.js project. |
examples/prisma-next-js-docs-guides-frameworks-nextjs-prisma-nextjs-migrate-dev-i-2.bash | A bash command to run a Prisma database migration named init using pnpm dlx. | Exact payloads, commands, or snippets shown in A bash command to run a Prisma database migration named init using pnpm dlx. |
examples/prisma-next-js-docs-guides-frameworks-nextjs-prisma-nextjs-migrate-dev-i-3.bash | A bash command to initialize a Prisma database migration using yarn dlx. | Exact payloads, commands, or snippets shown in A bash command to initialize a Prisma database migration using yarn dlx. |
examples/prisma-next-js-docs-guides-frameworks-nextjs-prisma-nextjs-bun-migrate-d.bash | A bash command using bunx to run a Prisma database migration for a Next.js project. | Exact payloads, commands, or snippets shown in A bash command using bunx to run a Prisma database migration for a Next.js project. |
examples/prisma-next-js-docs-guides-frameworks-nextjs-prisma-nextjs-generate-comm.bash | A bash command to generate the Prisma Client for a Next.js project. | Exact payloads, commands, or snippets shown in A bash command to generate the Prisma Client for a Next.js project. |
examples/prisma-next-js-docs-guides-frameworks-nextjs-prisma-nextjs-generate-comm-2.bash | A bash command to generate the Prisma Client using pnpm dlx. | Exact payloads, commands, or snippets shown in A bash command to generate the Prisma Client using pnpm dlx. |
examples/prisma-next-js-docs-guides-frameworks-nextjs-prisma-nextjs-generate-comm-3.bash | A bash command to generate the Prisma Client using yarn dlx. | Exact payloads, commands, or snippets shown in A bash command to generate the Prisma Client using yarn dlx. |
examples/prisma-next-js-docs-guides-frameworks-nextjs-prisma-nextjs-bunx-generate.bash | A bash command to generate the Prisma client using bunx with the bun runtime. | Exact payloads, commands, or snippets shown in A bash command to generate the Prisma client using bunx with the bun runtime. |
examples/prisma-next-js-docs-guides-frameworks-nextjs-prisma-nextjs-typescript-cl.typescript | A TypeScript code example demonstrating how to instantiate the PrismaClient within a Next.js application environment. | Exact payloads, commands, or snippets shown in A TypeScript code example demonstrating how to instantiate the PrismaClient within a Next.js application environment. |
examples/prisma-next-js-docs-guides-frameworks-nextjs-prisma-nextjs-typescript-co-2.typescript | A TypeScript configuration example for integrating Prisma with a Next.js application. | Exact payloads, commands, or snippets shown in A TypeScript configuration example for integrating Prisma with a Next.js application. |
examples/prisma-next-js-docs-guides-frameworks-nextjs-prisma-nextjs-db-seed-comma.bash | A bash command used to execute the Prisma database seeding process within a Next.js project. | Exact payloads, commands, or snippets shown in A bash command used to execute the Prisma database seeding process within a Next.js project. |
examples/prisma-next-js-docs-guides-frameworks-nextjs-prisma-nextjs-db-seed-comma-2.bash | A bash command to execute the Prisma database seeding process using pnpm. | Exact payloads, commands, or snippets shown in A bash command to execute the Prisma database seeding process using pnpm. |
examples/prisma-next-js-docs-guides-frameworks-nextjs-prisma-nextjs-db-seed-comma-3.bash | A bash command to execute the Prisma database seeding process using yarn dlx. | Exact payloads, commands, or snippets shown in A bash command to execute the Prisma database seeding process using yarn dlx. |
examples/prisma-next-js-docs-guides-frameworks-nextjs-prisma-nextjs-bun-db-seed-c.bash | A bash command to execute the Prisma database seeding process using the Bun runtime. | Exact payloads, commands, or snippets shown in A bash command to execute the Prisma database seeding process using the Bun runtime. |
examples/prisma-next-js-docs-guides-frameworks-nextjs-prisma-nextjs-studio-launch.bash | A bash command to launch Prisma Studio within a Next.js project environment. | Exact payloads, commands, or snippets shown in A bash command to launch Prisma Studio within a Next.js project environment. |
examples/prisma-next-js-docs-guides-frameworks-nextjs-prisma-nextjs-studio-launch-2.bash | A bash command to launch Prisma Studio using pnpm dlx within a Next.js project environment. | Exact payloads, commands, or snippets shown in A bash command to launch Prisma Studio using pnpm dlx within a Next.js project environment. |
examples/prisma-next-js-docs-guides-frameworks-nextjs-prisma-nextjs-studio-launch-3.bash | A bash command to launch Prisma Studio using yarn dlx within a Next.js project environment. | Exact payloads, commands, or snippets shown in A bash command to launch Prisma Studio using yarn dlx within a Next.js project environment. |
examples/prisma-next-js-docs-guides-frameworks-nextjs-prisma-nextjs-bunx-prisma-s.bash | A bash command to run Prisma Studio using the bunx runner with the bun runtime. | Exact payloads, commands, or snippets shown in A bash command to run Prisma Studio using the bunx runner with the bun runtime. |
examples/prisma-next-js-docs-guides-frameworks-nextjs-prisma-nextjs-lib-setup.bash | Bash commands to create a lib directory and a prisma.ts file for a Next.js project. | Exact payloads, commands, or snippets shown in Bash commands to create a lib directory and a prisma.ts file for a Next.js project. |
examples/prisma-next-js-docs-guides-frameworks-nextjs-prisma-nextjs-typescript-si.typescript | A TypeScript implementation of a singleton PrismaClient pattern to prevent multiple instances during Next.js hot reloading. | Exact payloads, commands, or snippets shown in A TypeScript implementation of a singleton PrismaClient pattern to prevent multiple instances during Next.js hot relo... |
examples/prisma-next-js-docs-guides-frameworks-nextjs-prisma-nextjs-tsx-server-co.tsx | A TypeScript React component demonstrating how to use Prisma within a Next.js server component to fetch and display data. | Exact payloads, commands, or snippets shown in A TypeScript React component demonstrating how to use Prisma within a Next.js server component to fetch and display d... |
examples/prisma-next-js-docs-guides-frameworks-nextjs-prisma-nextjs-server-compon.tsx | A Next.js server component demonstrating how to fetch data from a database using a Prisma client instance. | Exact payloads, commands, or snippets shown in A Next.js server component demonstrating how to fetch data from a database using a Prisma client instance. |
examples/prisma-next-js-docs-guides-frameworks-nextjs-prisma-nextjs-app-directory.bash | Bash commands to create the app directory structure and post page files for a Next.js project using Prisma. | Exact payloads, commands, or snippets shown in Bash commands to create the app directory structure and post page files for a Next.js project using Prisma. |
examples/prisma-next-js-docs-guides-frameworks-nextjs-prisma-nextjs-tsx-server-co-2.tsx | A TypeScript React component demonstrating how to fetch data from a database using a Prisma client within a Next.js server component. | Exact payloads, commands, or snippets shown in A TypeScript React component demonstrating how to fetch data from a database using a Prisma client within a Next.js s... |
examples/prisma-next-js-docs-guides-frameworks-nextjs-prisma-nextjs-server-compon-2.tsx | A TypeScript React component demonstrating how to fetch data from a database using Prisma within a Next.js Server Component. | Exact payloads, commands, or snippets shown in A TypeScript React component demonstrating how to fetch data from a database using Prisma within a Next.js Server Com... |
examples/prisma-next-js-docs-guides-frameworks-nextjs-prisma-nextjs-app-router-di.bash | Bash commands to create the directory structure and files for a Next.js dynamic route using the App Router. | Exact payloads, commands, or snippets shown in Bash commands to create the directory structure and files for a Next.js dynamic route using the App Router. |
examples/prisma-next-js-docs-guides-frameworks-nextjs-prisma-nextjs-async-compone.tsx | A Next.js asynchronous React component demonstrating how to fetch data using a Prisma client instance. | Exact payloads, commands, or snippets shown in A Next.js asynchronous React component demonstrating how to fetch data using a Prisma client instance. |
examples/prisma-next-js-docs-guides-frameworks-nextjs-prisma-nextjs-async-server-.tsx | A TypeScript React component demonstrating how to fetch data from a Prisma client within an asynchronous Next.js Server Component. | Exact payloads, commands, or snippets shown in A TypeScript React component demonstrating how to fetch data from a Prisma client within an asynchronous Next.js Serv... |
examples/prisma-next-js-docs-guides-frameworks-nextjs-prisma-nextjs-app-directory-2.bash | Bash commands to create the directory structure and page files for a Next.js application using the App Router. | Exact payloads, commands, or snippets shown in Bash commands to create the directory structure and page files for a Next.js application using the App Router. |
examples/prisma-next-js-docs-guides-frameworks-nextjs-prisma-nextjs-server-action.tsx | A Next.js server action implementation using TypeScript to handle form data submission with Prisma. | Exact payloads, commands, or snippets shown in A Next.js server action implementation using TypeScript to handle form data submission with Prisma. |
examples/prisma-next-js-docs-guides-frameworks-nextjs-prisma-nextjs-server-action-2.tsx | A Next.js server action implementation using Prisma to create a new post from form data. | Exact payloads, commands, or snippets shown in A Next.js server action implementation using Prisma to create a new post from form data. |
examples/prisma-next-js-docs-guides-frameworks-nextjs-prisma-nextjs-vercel-cli-in.bash | A bash command to install the Vercel CLI globally using npm. | Exact payloads, commands, or snippets shown in A bash command to install the Vercel CLI globally using npm. |
examples/prisma-next-js-docs-guides-frameworks-nextjs-prisma-nextjs-vercel-cli-in-2.bash | A bash command to install the Vercel CLI globally using pnpm for a Prisma Next.js project. | Exact payloads, commands, or snippets shown in A bash command to install the Vercel CLI globally using pnpm for a Prisma Next.js project. |
examples/prisma-next-js-docs-guides-frameworks-nextjs-prisma-nextjs-vercel-cli-in-3.bash | A bash command to globally install the Vercel CLI using yarn as part of a Prisma Next.js setup. | Exact payloads, commands, or snippets shown in A bash command to globally install the Vercel CLI using yarn as part of a Prisma Next.js setup. |
examples/prisma-next-js-docs-guides-frameworks-nextjs-prisma-nextjs-install-verce.bash | A bash command to install the Vercel CLI globally using the bun package manager. | Exact payloads, commands, or snippets shown in A bash command to install the Vercel CLI globally using the bun package manager. |
examples/prisma-next-js-docs-guides-frameworks-nextjs-prisma-nextjs-vercel-login-.bash | A bash command used to log in to Vercel as part of the Prisma Next.js deployment workflow. | Exact payloads, commands, or snippets shown in A bash command used to log in to Vercel as part of the Prisma Next.js deployment workflow. |
examples/prisma-next-js-docs-guides-frameworks-nextjs-prisma-nextjs-package-json-.json | A package.json file demonstrating the dependencies and scripts required to integrate Prisma with a Next.js project. | Exact payloads, commands, or snippets shown in A package.json file demonstrating the dependencies and scripts required to integrate Prisma with a Next.js project. |
examples/prisma-next-js-docs-guides-frameworks-nextjs-prisma-nextjs-vercel-deploy.bash | Bash commands for deploying a Prisma-enabled Next.js application to Vercel. | Exact payloads, commands, or snippets shown in Bash commands for deploying a Prisma-enabled Next.js application to Vercel. |
What This Skill Covers
- Next.js (/docs/guides/frameworks/nextjs)
- Main sections:
npm,pnpm,yarn,bun,npm.
Workflow
- Open the most relevant file under
docs/for the exact documented workflow and wording. - Open
schemas/files for exact structured contracts. - Open
examples/files for concrete requests, commands, snippets, and manifests. - Do not add behavior or configuration that is not present in the attached source files.
Canonical source: https://www.prisma.io/docs/guides/frameworks/nextjs