InvalidDatasourceError: Datasource URL should use prisma:// protocol

I’m using prisma in nextjs, and the env urls start with postgres://. I’m working in a gitpod container. When I run next dev or build for production and run next start, I receive this error:

InvalidDatasourceError: Datasource URL should use prisma:// protocol

If I change my urls to start with prisma://, I get:

InvalidDatasourceError: No valid API key found in the datasource URL

Any ideas? Help would be much appreciated! I’ve listed my schema and versions of prisma below.

datasource db {
  provider             = "postgresql"
  url                  = env("DATABASE_URL")
  shadowDatabaseUrl    = env("DATABASE_MIGRATE_URL")
  referentialIntegrity = "prisma"
}

generator client {
  provider        = "prisma-client-js"
  previewFeatures = ["dataproxy", "referentialIntegrity"]
}

model User {
  id           Int            @id @default(autoincrement())
  WishlistItem WishlistItem[]
}

model Product {
  id           Int            @id @default(autoincrement())
  name         String
  price        Int
  salePrice    Int            @default(0)
  imageUrl     String
  flag         String?
  description  String?
  buyUrl       String
  marketplace  String?
  WishlistItem WishlistItem[]
}

model WishlistItem {
  id        Int     @id @default(autoincrement())
  userId    Int
  productId Int
  Product   Product @relation(fields: [productId], references: [id])
  User      User    @relation(fields: [userId], references: [id])
}

    "@prisma/client": "^3.8.1",
    "prisma": "3.8.1",
    "next": "12.0.8",

export const getServerSideProps = async ({}) => {
  const prisma = new PrismaClient()
  const products = await prisma.product.findMany()
  return { props: { products } }
}