Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
14 changes: 6 additions & 8 deletions apps/site/src/app/llms-content.ts
Original file line number Diff line number Diff line change
Expand Up @@ -151,18 +151,16 @@ Key Prisma ORM features:
## Prisma Postgres

URL: ${toAbsoluteUrl(baseUrl, "/postgres")}
Title: Prisma Postgres | Instant Global Databases
Description: Free to start, no setup, no commitments. Easily grow your database as your app scales.
Title: Prisma Postgres | Managed PostgreSQL for Serverless Apps
Description: Managed PostgreSQL for serverless and modern deployments with built-in connection pooling. Works with any ORM, query builder, raw SQL, and Prisma ORM.

Key Prisma Postgres features:
- Managed Postgres with zero configuration
- Managed PostgreSQL for serverless and modern deployments
- Built-in connection pooling
- Works with any ORM, query builder, or raw SQL
- Direct integration with Prisma ORM
- Standard SQL and PostgreSQL wire protocol
- Compatibility with Postgres extensions such as pgvector
- Automatic connection pooling
- Automated backups
- Encryption at rest and in transit
- Full tenant isolation
- Built for production workloads from day one

## Prisma Studio

Expand Down
124 changes: 64 additions & 60 deletions apps/site/src/app/orm/page.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -78,13 +78,13 @@ const twoCol = [
<div className="flex flex-col gap-1">
<h5 className="text-foreground-orm type-title-sm">Why Prisma ORM</h5>
<h2 className="text-foreground-neutral stretch-display text-3xl font-sans-display mt-0 mb-4">
Delightful DB workflows
Database workflows, declared in code
</h2>
</div>
<p className="text-foreground-neutral-weak! text-base">
Database workflows can feel brittle and error-prone. Prisma ORM
increases productivity and confidence when working with databases and
makes workflows like data modeling, migrations and querying easy.
Keep your schema, migrations, and queries in one workflow. Prisma ORM
helps teams move from data model to production with strong guarantees
and predictable changes.
</p>
</>
),
Expand All @@ -110,14 +110,14 @@ const twoCol = [
content: (
<div className="flex flex-col gap-4">
<h2 className="text-foreground-neutral stretch-display text-3xl font-sans-display mt-0 mb-4">
Works with your favorite databases and frameworks
Works with PostgreSQL, MySQL, SQLite, and more
</h2>
<p className="text-foreground-neutral-weak! text-base">
Prisma's compatibility with popular tools ensures no stack lock-in,
lower integration costs, and smooth transitions.
Use Prisma ORM with your current database, framework, and deployment
setup. Start on the stack you already have, then add Prisma Postgres when you want more.
</p>
<Link href="/stack" className="link-btn orm w-fit mx-auto lg:mx-0">
<span>Learn more</span>
<span>View supported stacks</span>
<i className="fa-regular fa-arrow-right ml-2" />
</Link>
</div>
Expand Down Expand Up @@ -156,7 +156,7 @@ const twoCol_2 = [
className="w-fit mx-auto lg:w-full"
>
<a href="https://benchmarks.prisma.io">
Explore Benchmarks
Compare ORM benchmarks
<i className="fa-regular fa-arrow-right" />
</a>
</Button>
Expand All @@ -180,17 +180,16 @@ const twoCol_2 = [
<div className="flex flex-col gap-1">
<h5 className="text-foreground-orm type-title-sm">Prisma Client</h5>
<h2 className="text-foreground-neutral stretch-display text-3xl font-sans-display">
Type-safe database client
Type-safe queries, generated from your schema
</h2>
</div>
<p className="text-foreground-neutral-weak! text-base">
Prisma Client is a query builder that’s tailored to your schema. We
designed its API to be intuitive, both for SQL veterans and developers
brand new to databases. The auto-completion helps you figure out your
query without the need for documentation.
Prisma Client is generated from your schema, so queries, relations,
and autocomplete stay in sync with your data model. It feels
approachable for SQL experts and developers learning databases alike.
</p>
<Link href="/client" className="link-btn orm w-fit mx-auto lg:mx-0">
<span>Learn more</span>
<span>Explore Prisma Client</span>
<i className="fa-regular fa-arrow-right ml-2" />
</Link>
</div>
Expand All @@ -212,21 +211,21 @@ const twoCol_2 = [

const twoCol_3 = [
{
icon: "/icons/technologies/vscode.svg",
title: "Extra ergonomy in VS Code",
icon: "/mcp/logos/cursor.svg",
title: "Agentic workflows for databases",
description:
"Auto-completion, linting, formatting and more help Prisma developers in VSCode stay confident and productive.",
"Use Prisma with AI tools and agents to inspect schemas, reason about data models, and speed up database workflows directly from your development environment.",
btn: {
url: "https://marketplace.visualstudio.com/items?itemName=Prisma.prisma",
label: "Download Prisma VSCode Extension",
icon: "fa-regular fa-arrow-up-right",
url: "/mcp",
label: "Explore AI workflows",
icon: "fa-regular fa-arrow-right",
},
},
{
icon: "/icons/technologies/ts.svg",
title: "Make fewer errors with TypeScript",
title: "Strong guarantees with TypeScript",
description:
"Prisma ORM provides the strongest type-safety guarantees of all the ORMs in the TypeScript ecosystem.",
"Types are generated from your schema so database access stays predictable as your application evolves.",
btn: {
url: "https://www.prisma.io/docs/orm/more/comparisons/prisma-and-typeorm",
label: "Read comparison with TypeORM",
Expand All @@ -237,28 +236,31 @@ const twoCol_3 = [

const features = [
{
title: "Manage databases",
subtitle: "Created directly in your IDE.",
title: "Declarative migrations in code",
subtitle:
"Version schema changes alongside your application and keep database evolution reviewable in your repo.",
image: "/illustrations/orm/ide",
alt: "Manage dbs",
icon: "fa-light fa-screwdriver-wrench",
link: "/mcp",
link: "https://www.prisma.io/docs/orm/prisma-migrate/understanding-prisma-migrate/mental-model",
},
{
title: "Type-safety",
subtitle: "Code faster with auto-completion and type safety.",
title: "Queries generated from your schema",
subtitle:
"Get autocomplete and end-to-end type safety from the data model already in your repo.",
image: "/illustrations/orm/typesafe",
alt: "Type-safe queries",
icon: "fa-light fa-message-text",
link: "https://www.prisma.io/docs/orm/prisma-client/type-safety",
},
{
title: "Data model you can read",
subtitle: "The Prisma schema is intuitive and easy to use",
title: "Schema as your source of truth",
subtitle:
"Keep models, relations, and migrations versioned in code instead of scattered across dashboards.",
image: "/illustrations/orm/collaborative",
alt: "Collaborative work",
icon: "fa-light fa-screen-users",
link: "https://console.prisma.io/login?utm_source=website&utm_medium=orm&utm_campaign=cta",
link: "https://www.prisma.io/docs/orm/prisma-schema/overview",
},
{
title: "Browse your data",
Expand All @@ -274,13 +276,13 @@ const ormStructuredData = createSoftwareApplicationStructuredData({
path: "/orm",
name: "Prisma ORM",
description:
"Next-generation Node.js and TypeScript ORM for PostgreSQL, MySQL, SQL Server, SQLite, MongoDB, and CockroachDB. Provides type-safety, automated migrations, and an intuitive data model.",
"Code-first ORM for Node.js and TypeScript with type-safe queries generated from your schema, declarative migrations, and support for PostgreSQL, MySQL, SQL Server, SQLite, MongoDB, and CockroachDB.",
});

export const metadata = createPageMetadata({
title: "Prisma ORM | Type-Safe ORM for Node.js and TypeScript",
title: "Prisma ORM | Type-Safe Queries for Node.js and TypeScript",
description:
"Model data, run migrations, and query PostgreSQL, MySQL, SQLite, SQL Server, MongoDB, and CockroachDB with a type-safe ORM built for developer productivity.",
"Keep schema, migrations, and queries in code with Prisma ORM. Generate type-safe queries for PostgreSQL, MySQL, SQLite, SQL Server, MongoDB, and CockroachDB.",
path: "/orm",
ogImage: "/og/og-orm.png",
});
Expand All @@ -297,13 +299,15 @@ export default function ORM() {
<i className="fa-solid fa-database" />
<span>Prisma ORM</span>
</div>
<h1 className="text-4xl sm:text-5xl md:text-6xl stretch-display mb-0 text-center mt-0 font-sans-display text-foreground-neutral max-w-224 mx-auto">
Next-generation Node.js and TypeScript ORM
<h1 className="text-4xl sm:text-5xl md:text-6xl stretch-display mb-0 text-center mt-0 font-sans-display text-foreground-neutral max-w-4xl mx-auto">
Type-safe queries<br/> generated from your schema
</h1>
</div>
<p className="text-center text-foreground-neutral max-w-2xl mx-auto">
Prisma ORM elevates developer experience with intuitive data
modeling, automated migrations, and type-safety.
<p className="text-center text-foreground-neutral max-w-3xl mx-auto">
Prisma ORM keeps your schema, migrations, and queries in code for
PostgreSQL, MySQL, SQLite, SQL Server, MongoDB, and CockroachDB, so
you can move from data model to production with strong guarantees
and predictable behavior.
</p>
<div className="flex flex-col md:flex-row gap-4 items-center justify-center">
<Button
Expand All @@ -313,21 +317,21 @@ export default function ORM() {
className="font-sans-display! font-[650]"
>
<a href={prismaPostgresQuickstartUrl}>
Read the docs
Start with Prisma ORM
<i className="fa-regular fa-arrow-right" />
</a>
</Button>
{/*<Button
<Button
asChild
variant="default-strong"
href="https://console.prisma.io/sign-up?utm_source=website&utm_medium=index&utm_campaign=cta"
size="3xl"
target="_blank"
rel="noopener noreferrer"
className="font-sans-display! font-[650]"
>
<span>Playground</span>
<i className="fa-regular fa-arrow-up-right ml-2" />
</Button>*/}
<a href="/client">
Explore Prisma Client
<i className="fa-regular fa-arrow-right" />
</a>
</Button>
</div>
</div>
</div>
Expand Down Expand Up @@ -356,7 +360,8 @@ export default function ORM() {
<Action
size="4xl"
color="orm"
className={cn(index === 0 && "p-0", "relative")}

className={cn(index === 0 ? "p-3" : "", "relative")}
>
<Image src={stat.icon} alt={stat.title} fill loading="lazy" />
</Action>
Expand Down Expand Up @@ -385,14 +390,14 @@ export default function ORM() {
<div className="my-12 bg-[linear-gradient(180deg,var(--color-background-default)_-177.75%,var(--color-background-orm)_100%)] shadow-[0_1px_2px_0_rgba(0,0,0,0.04)] p-12">
<div className="web-cta flex gap-3 md:gap-12 items-center mx-auto w-fit lg:p-4 flex-col md:flex-row">
<h3 className="text-2xl text-foreground-neutral font-sans-display font-bold text-center md:text-left">
Streamline your
Standardize your
<br />
development workflow
database workflow
</h3>
<div className="content flex flex-col lg:flex-row gap-3 lg:gap-12 items-center md:items-start lg:items-center">
<p className="max-w-94 w-full text-center md:text-left text-foreground-neutral-weak text-md">
Integrate Prisma into your development ecosystem and focus on your
team’s core competencies
Bring schema, migrations, and queries into one code-first workflow
your team can share across projects.
</p>
<Button asChild variant="orm" size="2xl">
<a href="/enterprise">
Expand Down Expand Up @@ -436,25 +441,24 @@ export default function ORM() {
<div className="flex flex-col mx-auto w-fit items-center justify-center gap-8">
<div className="flex flex-col items-center text-center gap-4">
<h2 className="text-3xl text-foreground-neutral font-sans-display stretch-display">
Ready to get started?
Start with ORM, add more when you need it.
</h2>
<p className="text-foreground-neutral-weak max-w-121">
Start from scratch, add Prisma ORM to your existing project, or
explore how to build an app using your favorite framework.
Use Prisma ORM on its own, or pair it with Prisma Postgres as your application grows.
</p>
</div>
<div className="flex flex-col md:flex-row gap-6">
<Button asChild variant="orm" size="2xl">
<a href={prismaPostgresQuickstartUrl}>
Try Prisma ORM
Start with Prisma ORM
<i className="fa-regular fa-arrow-right" />
</a>
</Button>
<Button asChild variant="default-strong" size="2xl">
<a href="https://www.prisma.io/docs">
Read the docs
<i className="fa-regular fa-arrow-right" />
</a>
<a href="https://www.prisma.io/docs/orm/prisma-schema/overview">
Explore Prisma Schema
<i className="fa-regular fa-arrow-right" />
</a>
</Button>
</div>
<h6 className="mb-0! -mt-4 text-foreground-neutral-weaker text-xs">
Expand Down
Loading
Loading