feat[SUPABASE & PRISMA]: Create db for the application

Using prisma ORM and Vercel / supabase for .env, added .env.example

apps/web/src/app/fonts.css

@@ -1,22 +1,22 @@
 @font-face {
   font-family: "SofiaProReg";
-  src: url("../public/fonts/SofiaProSoftReg.woff2") format("woff2");
+  src: url("../../public/fonts/SofiaProSoftReg.woff2") format("woff2");
   font-weight: 400;
   font-style: normal;
   font-display: swap;
 }
 
 @font-face {
   font-family: "SofiaProBold";
-  src: url("../public/fonts/SofiaProSoftBold.woff2") format("woff2");
+  src: url("../../public/fonts/SofiaProSoftBold.woff2") format("woff2");
   font-weight: 700;
   font-style: normal;
   font-display: swap;
 }
 
 @font-face {
   font-family: "SofiaProMed";
-  src: url("../public/fonts/SofiaProSoftMed.woff2") format("woff2");
+  src: url("../../public/fonts/SofiaProSoftMed.woff2") format("woff2");
   font-weight: 500;
   font-style: normal;
   font-display: swap;

packages/db/.env.example

@@ -0,0 +1,15 @@
+# Get this from vercel supabase secrets
+
+POSTGRES_URL="postgres://<username>:<password>@<host>:<port>/<database>?sslmode=require&supa=base-pooler.x"
+POSTGRES_PRISMA_URL="postgres://<username>:<password>@<host>:<port>/<database>?sslmode=require&supa=base-pooler.x"
+SUPABASE_URL="https://<project>.supabase.co"
+NEXT_PUBLIC_SUPABASE_URL="https://<project>.supabase.co"
+POSTGRES_URL_NON_POOLING="postgres://<username>:<password>@<host>:<port>/<database>?sslmode=require"
+SUPABASE_JWT_SECRET="<your-jwt-secret>"
+POSTGRES_USER="<username>"
+NEXT_PUBLIC_SUPABASE_ANON_KEY="<your-anon-key>"
+POSTGRES_PASSWORD="<password>"
+POSTGRES_DATABASE="<database>"
+SUPABASE_SERVICE_ROLE_KEY="<your-service-role-key>"
+POSTGRES_HOST="<host>"
+SUPABASE_ANON_KEY="<your-anon-key>"

packages/db/.gitignore

@@ -0,0 +1,3 @@
+node_modules
+# Keep environment variables out of version control
+.env

packages/db/package.json

@@ -4,7 +4,13 @@
   "license": "AGPL-3.0",
   "private": true,
   "dependencies": {
-    "@prisma/client": "^5.20.0",
-    "prisma": "^5.20.0"
+    "@prisma/client": "^5.20.0"
+  },
+  "devDependencies": {
+    "@types/node": "^22.7.4",
+    "@zephyr/config": "workspace:*",
+    "prisma": "^5.20.0",
+    "ts-node": "^10.9.2",
+    "typescript": "^5.6.2"
   }
 }

packages/db/prisma/prisma.ts

@@ -0,0 +1,15 @@
+import { PrismaClient } from "@prisma/client";
+
+const prismaClientSingleton = () => {
+  return new PrismaClient();
+};
+
+declare global {
+  var prismaGlobal: undefined | ReturnType<typeof prismaClientSingleton>;
+}
+
+const prisma = globalThis.prismaGlobal ?? prismaClientSingleton();
+
+export default prisma;
+
+if (process.env.NODE_ENV !== "production") globalThis.prismaGlobal = prisma;

packages/db/prisma/schema.prisma

@@ -0,0 +1,16 @@
+// This is your Prisma schema file,
+// learn more about it in the docs: https://pris.ly/d/prisma-schema
+
+// Looking for ways to speed up your queries, or scale easily with your serverless or edge functions?
+// Try Prisma Accelerate: https://pris.ly/cli/accelerate-init
+
+generator client {
+  provider = "prisma-client-js"
+  previewFeatures = ["fullTextSearch"]
+}
+
+datasource db {
+  provider = "postgresql"
+  url = env("POSTGRES_PRISMA_URL") // uses connection pooling
+  directUrl = env("POSTGRES_URL_NON_POOLING") // uses a direct connection
+}