DB initial setup (#1)

Author: carletex

.gitignore

@@ -20,4 +20,6 @@ node_modules
 .idea
 
 # cli
-dist
+dist
+
+data/db

.husky/pre-commit

@@ -0,0 +1,10 @@
+version: "3"
+services:
+  db:
+    image: postgres:16
+    environment:
+      POSTGRES_PASSWORD: mysecretpassword
+    ports:
+      - "5432:5432"
+    volumes:
+      - ./data/db:/var/lib/postgresql/data

docker-compose.yml

@@ -13,7 +13,9 @@
     "account:import": "yarn workspace @se-2/hardhat account:import",
     "chain": "yarn hardhat:chain",
     "compile": "yarn hardhat:compile",
+    "db:seed": "yarn workspace @se-2/nextjs db:seed",
     "deploy": "yarn hardhat:deploy",
+    "drizzle-kit": "yarn workspace @se-2/nextjs drizzle-kit",
     "fork": "yarn hardhat:fork",
     "format": "yarn next:format && yarn hardhat:format",
     "generate": "yarn account:generate",

package.json

@@ -0,0 +1 @@
+POSTGRES_URL="postgresql://postgres:mysecretpassword@localhost:5432/postgres"

packages/nextjs/.env.development

@@ -0,0 +1,13 @@
+import * as dotenv from "dotenv";
+import { defineConfig } from "drizzle-kit";
+
+dotenv.config({ path: ".env.development" });
+
+export default defineConfig({
+  schema: "./services/database/config/schema.ts",
+  out: "./services/database/migrations",
+  dialect: "postgresql",
+  dbCredentials: {
+    url: process.env.POSTGRES_URL as string,
+  },
+});

packages/nextjs/drizzle.config.ts

@@ -5,7 +5,9 @@
   "scripts": {
     "build": "next build",
     "check-types": "tsc --noEmit --incremental",
+    "db:seed": "tsx services/database/seed.ts",
     "dev": "next dev",
+    "drizzle-kit": "drizzle-kit",
     "format": "prettier --write . '!(node_modules|.next|contracts)/**/*'",
     "lint": "next lint",
     "serve": "next start",
@@ -20,12 +22,16 @@
     "@tanstack/react-query": "~5.59.15",
     "@uniswap/sdk-core": "~5.8.2",
     "@uniswap/v2-sdk": "~4.6.1",
+    "@vercel/postgres": "^0.10.0",
     "blo": "~1.2.0",
     "burner-connector": "0.0.9",
     "daisyui": "4.12.10",
+    "dotenv": "^16.4.7",
+    "drizzle-orm": "^0.39.1",
     "next": "~14.2.11",
     "next-nprogress-bar": "~2.3.13",
     "next-themes": "~0.3.0",
+    "pg": "^8.13.1",
     "qrcode.react": "~4.0.1",
     "react": "~18.3.1",
     "react-copy-to-clipboard": "~5.1.0",
@@ -39,17 +45,20 @@
   "devDependencies": {
     "@trivago/prettier-plugin-sort-imports": "~4.3.0",
     "@types/node": "~18.19.50",
+    "@types/pg": "^8",
     "@types/react": "~18.3.5",
     "@typescript-eslint/eslint-plugin": "~5.40.0",
     "abitype": "1.0.6",
     "autoprefixer": "~10.4.20",
+    "drizzle-kit": "^0.30.4",
     "eslint": "~8.57.1",
     "eslint-config-next": "~14.2.15",
     "eslint-config-prettier": "~8.10.0",
     "eslint-plugin-prettier": "~5.2.1",
     "postcss": "~8.4.45",
     "prettier": "~3.3.3",
     "tailwindcss": "~3.4.11",
+    "tsx": "^4.19.2",
     "type-fest": "~4.26.1",
     "typescript": "<5.6.0",
     "vercel": "~39.1.3"

packages/nextjs/package.json

@@ -0,0 +1,25 @@
+import * as schema from "./schema";
+import { sql } from "@vercel/postgres";
+import { drizzle } from "drizzle-orm/node-postgres";
+import { drizzle as drizzleVercel } from "drizzle-orm/vercel-postgres";
+import { Pool } from "pg";
+
+let db: ReturnType<typeof drizzle<typeof schema>> | ReturnType<typeof drizzleVercel<typeof schema>>;
+
+const VERCEL_DB_STRING = "verceldb";
+if (process.env.POSTGRES_URL?.includes(VERCEL_DB_STRING)) {
+  db = drizzleVercel(sql, { schema });
+} else {
+  const pool = new Pool({
+    connectionString: process.env.POSTGRES_URL,
+  });
+
+  db = drizzle(pool, { schema });
+
+  pool.on("error", err => {
+    console.error("Unexpected error on idle client", err);
+    process.exit(-1);
+  });
+}
+
+export { db };

packages/nextjs/services/database/config/postgresClient.ts

@@ -0,0 +1,8 @@
+import { sql } from "drizzle-orm";
+import { pgTable, timestamp, varchar } from "drizzle-orm/pg-core";
+
+// TODO: Define the right schema.
+export const users = pgTable("users", {
+  id: varchar("id", { length: 42 }).primaryKey(),
+  creationTimestamp: timestamp("creation_timestamp").default(sql`now()`),
+});

packages/nextjs/services/database/config/schema.ts

@@ -0,0 +1,12 @@
+import { InferInsertModel } from "drizzle-orm";
+import { db } from "~~/services/database/config/postgresClient";
+import { users } from "~~/services/database/config/schema";
+
+export type UserInsert = InferInsertModel<typeof users>;
+
+export async function getAllUsers() {
+  return await db.select().from(users);
+}
+export async function createUser(user: UserInsert) {
+  return await db.insert(users).values(user);
+}