https://github.com/wpcodevo/nextjs13-prisma-setup

In this article, you will learn how to set up and use Prisma ORM in the new Next.js 13 app directory. We'll cover everything from initializing Prisma to seeding the database with test data and applying migrations.
https://github.com/wpcodevo/nextjs13-prisma-setup

crud crud-api nextjs nextjs13 prisma prisma-orm

Last synced: 6 months ago
JSON representation

In this article, you will learn how to set up and use Prisma ORM in the new Next.js 13 app directory. We'll cover everything from initializing Prisma to seeding the database with test data and applying migrations.

• Host: GitHub
• URL: https://github.com/wpcodevo/nextjs13-prisma-setup
• Owner: wpcodevo
• Created: 2023-04-28T13:01:50.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2023-04-29T07:49:08.000Z (over 2 years ago)
• Last Synced: 2025-04-13T18:33:17.827Z (9 months ago)
• Topics: crud, crud-api, nextjs, nextjs13, prisma, prisma-orm
• Language: TypeScript
• Homepage: https://codevoweb.com/how-to-setup-prisma-orm-in-nextjs-13-app-directory/
• Size: 57.6 KB
• Stars: 6
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# How to Setup Prisma ORM in Next.js 13 App Directory

In this article, you will learn how to set up and use Prisma ORM in the new Next.js 13 app directory. We'll cover everything from initializing Prisma to seeding the database with test data and applying migrations.

![How to Setup Prisma ORM in Next.js 13 App Directory](https://codevoweb.com/wp-content/uploads/2023/04/How-to-Setup-and-Use-Prisma-ORM-in-Next.js-13-App-Directory.webp)

## Topics Covered

- Setup the Next.js 13 Project

- Setup Prisma ORM

- Seeed the Database

- Instantiate the Prisma Client

- How to Use Prisma in React Server Component

- How to Use Prisma in Next.js 13 Route Handlers

    - Handle POST and GET Requests

    - Handle GET, PATCH, and DELETE Requests

- Make Requests in a Client-Side Component

- Add the Component to the Main Page

- Conclusion

Read the entire article here: [https://codevoweb.com/how-to-setup-prisma-orm-in-nextjs-13-app-directory/](https://codevoweb.com/how-to-setup-prisma-orm-in-nextjs-13-app-directory/)