@prisma/studio-demo

Demo deployments with sample datasets for Prisma Studio

Usage no npm install needed!

<script type="module">
  import prismaStudioDemo from 'https://cdn.skypack.dev/@prisma/studio-demo';
</script>

README

Prisma Studio Demo Deployments

This repository holds all code to deploy a demo version of Studio to Now

Deployment Rules

  • The master branch is always deployed at https://prisma.studio
  • All other branches are deployed at https://<branchName>-prisma-studio.now.sh
  • All pull requests to develop are deployed at https://<prNumber>-prisma-studio.now.sh

Adding a new dataset/project

  1. Create a new branch from develop and think of an all lowercase project name. This will serve as the project's ID.
  2. Add the new project to packages/demo/public/projects.html. Duplicate one of the <div class="project">s and change content.
  3. Create a new folder in packages/demo/projects/ with its name being the project ID. Place your Prisma Schema inside.
  4. In your schema.prisma, replace the datasource and generator blocks with the following (replace content inside <>):
generator client {
  provider      = "prisma-client-js"
  output        = "../../node_modules/.prisma/client/<project-id>"
  binaryTargets = ["rhel-openssl-1.0.x"]
}

datasource db {
  provider = "postgresql"
  url      = env("PROJECT_<PROJECT_ID>_URL")
}
  1. Add an env var to Vercel with this exact name so deployments can work correctly.
  2. Commit your changes to your branch, then open a pull request to develop, adding a reviewer.
  3. Once all checks complete, you should be able to view your changes over at the URL Vercel deployed it to (there should be a comment on your PR)