产品

零配置无服务器 Postgres

轻松与数据库交互

探索和操作您的数据

让您的数据库全球化

资源

Prisma 在您的技术栈中

轻松从 React 应用访问您的数据库

使用 Prisma 开发者友好的数据库工具构建高性能、类型安全的 React 应用：全球最受欢迎的 TypeScript ORM 以及首个无冷启动的无服务器数据库。

试用 React 与 Prisma

为什么选择 React 和 Prisma？

专为高性能 Web 应用打造

基于 unikernels，Prisma Postgres 运行在裸机服务器上，以实现峰值性能和无限可扩展性。

无服务器，无冷启动

首个无服务器数据库，按需付费，无需基础设施管理，并且零冷启动。

灵活的数据获取与渲染

使用客户端渲染、服务器端渲染和静态网站生成来显示您的数据。

内置全球缓存

为任何数据库查询添加缓存策略，其结果将在靠近用户的地方缓存，以实现最佳性能和用户体验。

端到端类型安全

将 Prisma 与 React 结合使用可确保您的应用程序从数据库到 React 组件都保持一致的类型。

有益的社区

React 和 Prisma 都拥有活跃的社区，您可以在其中获得支持、参与有趣的活动并结识优秀的开发者。

Prisma 和 React 如何协同工作

Prisma 的数据库工具非常适合构建 React 应用，作为数据访问层。无论您是使用 Next.js、React Router 或 TanStack Start 等元框架，还是构建自己的 API 层，Prisma 都能为您的数据库工作流提供最佳的开发者体验 (DX)。

React 服务器组件

React 服务器组件允许您直接在组件代码中使用 Prisma 访问数据库。这些组件专门在服务器上运行，使您无需暴露凭据或创建 API 端点即可查询数据库。数据在服务器上渲染成 HTML 并流式传输到客户端，对您的 JavaScript 包大小零影响。

// UserList.tsx (Server Component)
import { PrismaClient } from '@prisma/client'

const prisma = new PrismaClient()

export default async function UserList() {
  // Direct database access in a server component
  const users = await prisma.user.findMany({
    select: {
      id: true,
      name: true,
      email: true,
    },
  })

  return (
    <div>
      <h1>Users</h1>
      <ul>
        {users.map((user) => (
          <li key={user.id}>
            {user.name} ({user.email})
          </li>
        ))}
      </ul>
    </div>
  )
}

Next.js App Router

Remix

React Router 7 框架

React 服务器组件允许您直接在组件代码中使用 Prisma 访问数据库。这些组件专门在服务器上运行，使您无需暴露凭据或创建 API 端点即可查询数据库。数据在服务器上渲染成 HTML 并流式传输到客户端，对您的 JavaScript 包大小零影响。

// UserList.tsx (Server Component)
import { PrismaClient } from '@prisma/client'

const prisma = new PrismaClient()

export default async function UserList() {
  // Direct database access in a server component
  const users = await prisma.user.findMany({
    select: {
      id: true,
      name: true,
      email: true,
    },
  })

  return (
    <div>
      <h1>Users</h1>
      <ul>
        {users.map((user) => (
          <li key={user.id}>
            {user.name} ({user.email})
          </li>
        ))}
      </ul>
    </div>
  )
}

资源

如何在 Next.js 中使用 Prisma ORM

学习如何从头开始使用 Prisma Postgres 构建一个全栈 Next.js 15 应用！本教程从使用 create-next-app 引导应用程序开始，并提供了逐步说明，指导您如何逐步使用 Prisma Postgres 作为数据库添加更多功能。

Next.js 15 + Prisma Postgres 认证示例

这个博客应用演示了如何使用 Prisma Postgres 和 Next.js 15 构建登录功能。它默认使用“GitHub 登录”，并且可以轻松扩展到其他身份验证提供商。

Prisma Postgres

精选 Prisma 与 React 社区示例

现代 SaaS 启动套件：next-forge

适用于 React 现代 SaaS 应用的启动模板！next-forge 包含 Next.js 15、认证、数据库和 ORM、支付、文档、博客、可观测性、分析、邮件等更多功能，为您下一个 Next.js SaaS 应用节省初始样板代码。

Remix Blues Stack

Remix Blues Stack 提供了一个完整、生产就绪的模板，支持在 Fly.io 上进行基于 Docker 的多区域部署，通过 Prisma ORM 集成 PostgreSQL 数据库，并使用基于 Cookie 的会话进行认证。它包含强大的测试框架、用于 CI/CD 的 GitHub Actions，以及使用 Tailwind CSS 进行样式设计，以提供流畅的开发体验。

在 Github 上探索

t3 Stack

t3 是一个专注于简洁性、模块化和全栈类型安全的 Web 开发技术栈。它包括 Next.js、tRPC、Tailwind、TypeScript、Prisma 和 NextAuth。

在 Github 上探索

Blitz.js

Blitz.js 是一个基于 Next.js 和 Prisma 构建的应用框架。它恢复了 Ruby on Rails 等服务器渲染框架的简洁性和约定，同时保留了开发者喜欢 React 和客户端渲染的一切。

全栈表单构建器

这个全面的 4 小时教程将教您如何构建一个全栈表单应用。该表单将是响应式的，支持拖放功能，并具有不同类型的布局字段，如标题、副标题和段落，以及各种字段类型，如文本、数字、下拉列表、日期、复选框和文本区域。

加入 Prisma 社区

我们有多个渠道，您可以与社区成员以及 Prisma 团队进行互动。

Discord

与社区成员和我们的团队实时聊天、交流和分享想法。

GitHub

浏览 Prisma 源代码、发送反馈，并获得技术问题的答案。

X

获取最新资讯，与我们的团队互动，并成为我们活跃在线社区不可或缺的一部分。

YouTube

获取最新资讯，与我们的团队互动，并成为我们活跃在线社区不可或缺的一部分。

© . All rights reserved.