Setup Prisma as our ORM (Object-Relational Mapper)

.dockerignore

@@ -0,0 +1 @@
+node_modules/

.env.example

@@ -1,9 +1,12 @@
+# Next Auth
 NEXTAUTH_SECRET=mypassword
 NEXTAUTH_URL="http://localhost:3000" # dev only
 NEXTAUTH_URL_INTERNAL="http://localhost:3000" # dev only
 
+# Google credentials
 GOOGLE_CLIENT_ID=*****
 GOOGLE_CLIENT_SECRET=*****
 
+# Github credentials
 GITHUB_CLIENT_ID=*****
 GITHUB_CLIENT_SECRET=*****

.env.postgres

@@ -0,0 +1,9 @@
+# postgres
+POSTGRES_USER="podcodar"
+POSTGRES_PASSWORD="my-password"
+POSTGRES_DB="podcodar-app-db"
+
+# prisma
+POSTGRES_HOST="db"
+POSTGRES_URL="postgres://${POSTGRES_USER}:${POSTGRES_PASSWORD}@${POSTGRES_HOST}:5432/${POSTGRES_DB}"
+

.env.postgres.test

@@ -0,0 +1,9 @@
+# postgres
+POSTGRES_USER="podcodar"
+POSTGRES_PASSWORD="my-password"
+POSTGRES_DB="podcodar-app-test-db"
+
+# prisma
+POSTGRES_HOST="db"
+POSTGRES_URL="postgres://${POSTGRES_USER}:${POSTGRES_PASSWORD}@${POSTGRES_HOST}:5432/${POSTGRES_DB}"
+

.eslintrc.json

@@ -1,3 +1,6 @@
 {
-  "extends": "@podcodar/eslint-config-next"
+  "extends": "@podcodar/eslint-config-next",
+  "env": {
+    "jest": true
+  }
 }

.gitignore

@@ -34,3 +34,4 @@ yarn-error.log*
 # typescript
 *.tsbuildinfo
 next-env.d.ts
+.env*

.prettierignore

@@ -1,3 +1,4 @@
 dist
 .next
 node_modules
+prisma/*

.vscode/settings.json

@@ -1,4 +1,26 @@
 {
   "typescript.tsdk": "node_modules/typescript/lib",
-  "typescript.enablePromptUseWorkspaceTsdk": true
+  "typescript.enablePromptUseWorkspaceTsdk": true,
+  "sqltools.connections": [
+    {
+      "previewLimit": 50,
+      "server": "localhost",
+      "port": 5432,
+      "driver": "PostgreSQL",
+      "name": "podcodar-local-db",
+      "database": "podcodar-app-db",
+      "username": "podcodar",
+      "password": "my-password"
+    },
+    {
+      "previewLimit": 50,
+      "server": "localhost",
+      "port": 5432,
+      "driver": "PostgreSQL",
+      "name": "podcoadr-test-db",
+      "username": "podcodar",
+      "database": "podcodar-app-test-db",
+      "password": "my-password"
+    }
+  ]
 }

Dockerfile

@@ -0,0 +1,17 @@
+## base stage
+FROM node:lts-alpine as base
+WORKDIR /app
+RUN npm i -g npm pnpm concurrently
+
+## dependencies stage
+FROM base as dependencies
+COPY package.json pnpm-lock* ./
+COPY prisma ./prisma
+RUN pnpm i && pnpm db:generate
+
+# development stage
+FROM base as development
+COPY . .
+COPY --from=dependencies /app/node_modules ./node_modules
+# startup command
+CMD pnpm db:migrate dev && pnpm dk:start

docker-compose.yml

@@ -0,0 +1,51 @@
+version: "3.8"
+
+services:
+  app:
+    build:
+      context: .
+      target: development
+    env_file: .env.postgres
+    restart: always
+    ports:
+      - "3000:3000" # app
+      - "5555:5555" # studio
+    volumes:
+      - .:/app
+      - /app/node_modules
+    depends_on:
+      - db
+
+  integration-test:
+    build:
+      context: .
+      target: development
+    container_name: "e2e-test"
+    env_file: .env.postgres.test
+    command:
+      - /bin/sh
+      - -c
+      - |
+        pnpm db:migrate reset --force
+        pnpm db:migrate dev
+        pnpm test
+    volumes:
+      - .:/app
+      - /app/node_modules
+    depends_on:
+      - db
+
+  db:
+    image: postgres
+    env_file: .env.postgres
+    ports:
+      - "5432:5432"
+    volumes:
+      - db:/var/lib/postgresql/data
+
+networks:
+  default:
+    name: podcodar-app
+
+volumes:
+  db:

jest.config.mjs

@@ -0,0 +1,21 @@
+import nextJest from "next/jest.js";
+
+const createJestConfig = nextJest({
+  // Provide the path to your Next.js app to load next.config.js and .env files in your test environment
+  dir: "./",
+});
+
+// Add any custom config to be passed to Jest
+/** @type {import('jest').Config} */
+const config = {
+  // Add more setup options before each test is run
+  // setupFilesAfterEnv: ["<rootDir>/jest.setup.js"],
+  testEnvironment: "jest-environment-jsdom",
+  moduleNameMapper: {
+    "^@/(.*)$": "<rootDir>/src/$1",
+  }
+
+};
+
+// createJestConfig is exported this way to ensure that next/jest can load the Next.js config which is async
+export default createJestConfig(config);

package.json

@@ -9,31 +9,52 @@
     "fmt": "prettier --write . && next lint --fix",
     "lint-staged": "lint-staged",
     "lint": "next lint",
-    "analyze": "ANALYZE=true yarn build",
+    "test": "jest --watchAll",
+    "analyze": "ANALYZE=true pnpm build",
+    "db:generate": "prisma generate",
+    "db:migrate": "prisma migrate",
+    "db:studio": "prisma studio",
+    "dk:start": "concurrently 'pnpm dev' 'pnpm db:studio --browser none'",
+    "app:up": "docker-compose up app",
+    "e2e:up": "docker-compose up integration-test",
+    "down": "docker-compose down",
+    "logs": "docker-compose logs",
+    "shell": "docker-compose exec app /bin/sh",
     "prepare": "husky install"
   },
   "dependencies": {
     "@headlessui/react": "^1.7.14",
     "@heroicons/react": "^2.0.18",
-    "@next/bundle-analyzer": "^13.4.2",
+    "@next/bundle-analyzer": "^13.4.4",
     "@types/node": "18.16.3",
     "@types/react": "18.2.1",
     "@types/react-dom": "18.2.3",
     "eslint": "8.39.0",
     "eslint-config-next": "13.4.1",
-    "next": "13.4.1",
+    "next": "13.4.4",
     "next-auth": "^4.22.1",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "typescript": "5.0.2"
   },
   "devDependencies": {
+    "@mermaid-js/mermaid-cli": "^10.1.0",
     "@podcodar/eslint-config-next": "^1.6.0",
+    "@testing-library/jest-dom": "^5.16.5",
+    "@testing-library/react": "^14.0.0",
+    "@types/jest": "^29.5.1",
     "autoprefixer": "^10.4.14",
+    "concurrently": "^8.0.1",
+    "eslint-plugin-jest": "^27.2.1",
     "husky": "^8.0.3",
+    "jest": "^29.5.0",
+    "jest-environment-jsdom": "^29.5.0",
     "lint-staged": "^13.2.2",
-    "postcss": "^8.4.23",
+    "postcss": "^8.4.24",
     "prettier": "^2.8.8",
-    "tailwindcss": "^3.3.2"
+    "prisma": "^4.15.0",
+    "prisma-erd-generator": "^1.7.0",
+    "tailwindcss": "^3.3.2",
+    "ts-node": "^10.9.1"
   }
 }