diff --git a/content/100-getting-started/01-quickstart-prismaPostgres.mdx b/content/100-getting-started/01-quickstart-prismaPostgres.mdx index cf8a9803fa..46d93ca390 100644 --- a/content/100-getting-started/01-quickstart-prismaPostgres.mdx +++ b/content/100-getting-started/01-quickstart-prismaPostgres.mdx @@ -163,6 +163,8 @@ Prisma ORM comes with a built-in GUI to view and edit the data in your database. npx prisma studio ``` +With Prisma Postgres, you can also directly use Prisma Studio inside the [Console](https://console.prisma.io) by selecting the **Studio** tab in your project. + ### Explore ready-to-run Prisma ORM examples Check out the [`prisma-examples`](https://github.com/prisma/prisma-examples/) repository on GitHub to see how Prisma ORM can be used with your favorite library. The repo contains examples with Express, NestJS, GraphQL as well as fullstack examples with Next.js and Vue.js, and a lot more. diff --git a/content/100-getting-started/02-setup-prisma/100-start-from-scratch/110-relational-databases/300-next-steps.mdx b/content/100-getting-started/02-setup-prisma/100-start-from-scratch/110-relational-databases/300-next-steps.mdx index aae9eb1998..5aa12b628d 100644 --- a/content/100-getting-started/02-setup-prisma/100-start-from-scratch/110-relational-databases/300-next-steps.mdx +++ b/content/100-getting-started/02-setup-prisma/100-start-from-scratch/110-relational-databases/300-next-steps.mdx @@ -76,7 +76,9 @@ The Prisma blog features comprehensive tutorials about Prisma ORM, check out our ### Explore the data in Prisma Studio -Prisma Studio is a visual editor for the data in your database. Run `npx prisma studio` in your terminal. +Prisma Studio is a visual editor for the data in your database. Run `npx prisma studio` in your terminal. + +If you are using [Prisma Postgres](https://www.prisma.io/postgres), you can also directly use Prisma Studio inside the [Console](https://console.prisma.io) by selecting the **Studio** tab in your project. ### Get query insights and analytics with Prisma Optimize diff --git a/content/200-orm/050-overview/500-databases/250-prisma-postgres.mdx b/content/200-orm/050-overview/500-databases/250-prisma-postgres.mdx index 17cadf4aec..f38d412401 100644 --- a/content/200-orm/050-overview/500-databases/250-prisma-postgres.mdx +++ b/content/200-orm/050-overview/500-databases/250-prisma-postgres.mdx @@ -70,6 +70,12 @@ const prisma = new PrismaClient() .$extends(withPulse()) ``` +## Viewing and editing data in Prisma Studio + +With Prisma Postgres, a hosted version of [Prisma Studio](/orm/tools/prisma-studio) is available for you in of your project. Select the **Studio** tab in the left-hand navigation to view and edit your data: + +![View of Prisma Studio open in the console.](/img/ppg-studio.png) + ## Pricing diff --git a/static/img/ppg-studio.png b/static/img/ppg-studio.png new file mode 100644 index 0000000000..9352b656a8 Binary files /dev/null and b/static/img/ppg-studio.png differ