Skip to content

Commit 4481b1d

Browse files
ArthurGambyArthur Gamby
andauthored
DR-6377 | Update Next.js Guide (#7396)
* docs: update nextjs guide * Remove Turbopack/Webpack warning section - issue resolved --------- Co-authored-by: Arthur Gamby <[email protected]>
1 parent e4e4a95 commit 4481b1d

File tree

1 file changed

+6
-23
lines changed

1 file changed

+6
-23
lines changed

content/800-guides/090-nextjs.mdx

Lines changed: 6 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
---
22
title: 'How to use Prisma ORM and Prisma Postgres with Next.js'
3-
metaTitle: 'How to use Prisma ORM and Prisma Postgres with Next.js 15 and Vercel'
3+
metaTitle: 'How to use Prisma ORM and Prisma Postgres with Next.js and Vercel'
44
description: 'Learn how to use Prisma ORM in a Next.js app and deploy it to Vercel'
55
sidebar_label: 'Next.js'
66
image: '/img/guides/prisma-nextjs-cover.png'
@@ -22,12 +22,12 @@ community_section: true
2222

2323
</details>
2424

25-
This guide shows you how to use Prisma with Next.js 15, a fullstack React framework. You'll learn how to create a [Prisma Postgres](/postgres/) instance, set up Prisma ORM with Next.js, handle migrations, and deploy your application to Vercel.
25+
This guide shows you how to use Prisma with Next.js, a fullstack React framework. You'll learn how to create a [Prisma Postgres](/postgres/) instance, set up Prisma ORM with Next.js, handle migrations, and deploy your application to Vercel.
2626

2727
You can find a [deployment-ready example on GitHub](https://github.com/prisma/prisma-examples/blob/latest/orm/nextjs).
2828

2929
## Prerequisites
30-
- [Node.js 20+](https://nodejs.org)
30+
- [Node.js](https://nodejs.org) v20.19+, v22.12+, or v24.0+
3131
- A Vercel account (if you want to deploy your application)
3232

3333
## 1. Set up your project
@@ -89,10 +89,11 @@ You'll need to answer a few questions while setting up your Prisma Postgres data
8989
This will create:
9090

9191
- A `prisma` directory with a `schema.prisma` file.
92-
- A `prisma.config.ts` file for configuring Prisma
92+
- A `prisma.config.ts` file for configuring Prisma.
9393
- A Prisma Postgres database.
9494
- A `.env` file containing the `DATABASE_URL` at the project root.
95-
- An `output` directory for the generated Prisma Client as `app/generated/prisma`.
95+
96+
The `app/generated/prisma` output directory for the generated Prisma Client will be created when you run `prisma generate` or `prisma migrate dev` in a later step.
9697

9798
### 2.2. Define your Prisma Schema
9899

@@ -246,24 +247,6 @@ export default defineConfig({
246247
});
247248
```
248249

249-
250-
:::warning
251-
252-
Before starting the development server, note that if you are using Next.js v15.2.0 or v15.2.1, do not use Turbopack as there is a known [issue](https://github.com/vercel/next.js/issues/76497). Remove Turbopack from your dev script by updating your `package.json`
253-
```json file=package.json
254-
"script":{
255-
//delete-start
256-
"dev": "next dev --turbopack",
257-
//delete-end
258-
//add-start
259-
"dev": "next dev",
260-
//add-end
261-
}
262-
```
263-
This change is not needed on any versions before or after.
264-
265-
:::
266-
267250
Finally, run `prisma db seed` to seed your database with the initial data we defined in the `seed.ts` file.
268251

269252
Run the seed script:

0 commit comments

Comments
 (0)