Prisma ORM 简介
了解 Prisma 的定义和优势,以及如何在 Next.js 项目中进行设置。
Prisma ORM 简介 是 CoddyKit 上的免费 Next.js 15 Fullstack Web Apps 课时。 这是第 1 节课,共 4 节。 你可以在下方免费阅读本课时的完整内容 — 然后在浏览器中使用内置代码编辑器和全天候 AI 导师进行实践。 这是 Next.js 15 Fullstack Web Apps 学习路径的一部分,你的进度在网页和 CoddyKit 应用中同步。 Next.js 15 Fullstack Web Apps 课程共包含 4 节课。
本课时的部分内容尚未翻译,以英文显示。
What is an ORM? Meet Prisma!
Welcome to working with databases in Next.js! Often, you'll hear about an ORM, or Object-Relational Mapping. An ORM helps you interact with your database using your preferred programming language (like JavaScript/TypeScript) instead of writing raw SQL.
Prisma is a modern, open-source ORM that makes working with databases intuitive and type-safe. It's a fantastic tool for Next.js applications.
Why Choose Prisma for Next.js?
Prisma offers several key advantages for your Next.js projects:
- Type-Safety: It generates a type-safe client based on your database schema, catching errors at compile time.
- Developer Experience: Provides excellent auto-completion and readability for database queries.
- Migrations: Helps manage changes to your database schema over time in a controlled way.
- Modern Tooling: Integrates smoothly with modern JavaScript/TypeScript workflows and serverless environments.
Prisma's Core Components
Prisma isn't just one tool; it's a suite of tools that work together:
- Prisma Client: An auto-generated, type-safe query builder for your database. This is what you'll use in your code.
- Prisma Migrate: A migration system to evolve your database schema and keep it in sync with your Prisma schema.
- Prisma Studio: A visual GUI to view and edit data in your database.
Prerequisites for Setup
Before we dive into setting up Prisma in your Next.js project, make sure you have these:
- An existing Next.js project (we'll assume you have one ready).
- Node.js and npm/yarn installed on your machine.
- A database. For local development, SQLite is easy to start with, or you can use PostgreSQL, MySQL, SQL Server, or MongoDB.
Installing Prisma Packages
First, you need to install the Prisma CLI and the Prisma Client library as development dependencies in your Next.js project. Open your terminal in your project's root directory and run:
npm install prisma @prisma/clientInitializing Prisma in Your Project
After installation, you'll initialize Prisma in your project. This command sets up the necessary files for Prisma to work. Run this in your terminal:
npx prisma initWhat `prisma init` Does
The npx prisma init command performs two important actions:
- It creates a new directory named
prismain your project root, containing a file calledschema.prisma. This file defines your database schema. - It creates a
.envfile in your project root. This file is used to store environment variables, most importantly your database connection URL.
Exploring `schema.prisma` Structure
The prisma/schema.prisma file is central to Prisma. It's where you define your database models and connection details. Here's what it looks like initially:
datasource db {
provider = "postgresql"
url = env("DATABASE_URL")
}
generator client {
provider = "prisma-client-js"
}Configuring Your Database URL
The .env file created earlier is where you'll specify your database connection string. For local development, you might use SQLite, which is file-based. Update your .env file to point to your database:
# .env
DATABASE_URL="file:./dev.db"Quick Check: Prisma Setup
You've learned about Prisma's purpose and initial setup steps. Let's test your understanding!
Recap: Getting Started with Prisma
In this lesson, we introduced Prisma ORM, understanding its role in bridging your application code with your database. We covered its key benefits like type-safety and improved developer experience, and explored its core components: Prisma Client, Migrate, and Studio.
You also learned the initial steps to integrate Prisma into a Next.js project, including installing the necessary packages and using npx prisma init to set up your schema.prisma and .env files. You're now ready to define your database schema!
用 AI 导师学习 TypeScript — 免费
在浏览器中编写并运行真实代码,获得全天候 AI 导师的即时帮助,并在网页或应用中继续学习。
- 课程
- 12
- 课程
- 48
常见问题解答
「Prisma ORM 简介」课时是免费的吗?
是的 — 「Prisma ORM 简介」的完整文本可在网页上免费阅读。要进行交互式练习(内置代码编辑器和全天候 AI 导师)并解锁 Next.js 15 Fullstack Web Apps 课程的其余内容,请升级到 CoddyKit PRO。 Next.js 15 Fullstack Web Apps 课程共包含 4 节课。
「Prisma ORM 简介」这节课中我会学到什么?
了解 Prisma 的定义和优势,以及如何在 Next.js 项目中进行设置。 你通过在浏览器中直接运行的动手代码来练习 Next.js 15 Fullstack Web Apps,全天候 AI 导师会在你学习这节课的过程中回答你的问题。
学习 Next.js 15 Fullstack Web Apps 需要有经验吗?
无需任何先前经验。CoddyKit 上的 Next.js 15 Fullstack Web Apps 课程适合初学者到高级学习者,你可以从这里开始或从头开始,按照自己的节奏学习。 这是第 1 节课,共 4 节。
「Prisma ORM 简介」课时需要多长时间?
大多数 CoddyKit 课程大约需要 5–10 分钟。每节课都很精短且互动,所以你能稳步进步,并在网页和应用中从离开的地方继续。
我能在这节 Next.js 15 Fullstack Web Apps 课中编写并运行代码吗?
能。每节 Next.js 15 Fullstack Web Apps 课都包含内置代码编辑器,你可以在浏览器中直接编写并运行真实代码,并获得即时 AI 反馈 — 无需本地设置。