feat: Add Welcome Email

.github/workflows/production.yml

@@ -52,6 +52,10 @@ jobs:
           AUTH_KEYCLOAK_ID: ${{ secrets.AUTH_KEYCLOAK_ID }}
           AUTH_KEYCLOAK_SECRET: ${{ secrets.AUTH_KEYCLOAK_SECRET }}
           AUTH_KEYCLOAK_ISSUER: ${{ secrets.AUTH_KEYCLOAK_ISSUER }}
+          SMTP_HOST: ${{ secrets.SMTP_HOST }}
+          SMTP_USER: ${{ secrets.SMTP_USER }}
+          SMTP_PASS: ${{ secrets.SMTP_PASS }}
+          SMTP_EMAIL_ADDRESS: ${{ secrets.SMTP_EMAIL_ADDRESS }}
           NEXT_PUBLIC_KEYCLOAK_REDIRECT_URI: ${{ secrets.NEXT_PUBLIC_KEYCLOAK_REDIRECT_URI }}
           NEXT_PUBLIC_AUTH_KEYCLOAK_ISSUER: ${{ secrets.NEXT_PUBLIC_AUTH_KEYCLOAK_ISSUER }}
           DATABASE_URL: ${{ secrets.DATABASE_URL }}
@@ -66,6 +70,10 @@ jobs:
             --secret id=AUTH_KEYCLOAK_ID \
             --secret id=AUTH_KEYCLOAK_SECRET \
             --secret id=AUTH_KEYCLOAK_ISSUER \
+            --secret id=SMTP_HOST \
+            --secret id=SMTP_USER \
+            --secret id=SMTP_PASS \
+            --secret id=SMTP_EMAIL_ADDRESS \
             --secret id=NEXT_PUBLIC_KEYCLOAK_REDIRECT_URI \
             --secret id=NEXT_PUBLIC_AUTH_KEYCLOAK_ISSUER \
             --secret id=DATABASE_URL \

Dockerfile

@@ -22,7 +22,6 @@ RUN npm install -g pnpm \
 
 COPY . .
 
-# Needed for build
 RUN pnpm run build
 
 # Final deployment image

package.json

@@ -12,57 +12,62 @@
     "format:check": "prettier --check \"**/*.{js,jsx,ts,tsx,css,json,mjs,cjs,yml,yaml}\"",
     "db:generate": "drizzle-kit generate",
     "db:push": "drizzle-kit push",
-    "db:studio": "drizzle-kit studio"
+    "db:studio": "drizzle-kit studio",
+    "email:dev": "email dev --dir=src/emails"
   },
   "dependencies": {
     "@headlessui/react": "^2.2.0",
     "@hookform/resolvers": "^3.9.1",
     "@libsql/client": "0.14.0",
+    "@react-email/components": "^0.0.31",
     "@t3-oss/env-nextjs": "^0.11.1",
-    "drizzle-orm": "^0.36.4",
-    "drizzle-zod": "^0.5.1",
+    "drizzle-orm": "^0.38.3",
+    "drizzle-zod": "^0.6.1",
     "just-submit": "^0.0.8",
-    "ky": "^1.7.2",
+    "ky": "^1.7.4",
     "luxon": "^3.5.0",
     "md5": "^2.3.0",
     "nanoid": "^5.0.9",
-    "next": "14.2.18",
+    "next": "14.2.22",
     "next-auth": "5.0.0-beta.25",
+    "nodemailer": "^6.9.16",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "react-hook-form": "^7.53.2",
-    "react-icons": "^5.3.0",
+    "react-email": "^3.0.4",
+    "react-hook-form": "^7.54.2",
+    "react-icons": "^5.4.0",
     "redis": "^4.7.0",
     "sharp": "^0.33.5",
-    "square": "^39.0.0",
-    "swr": "^2.2.5",
+    "square": "^39.1.1",
+    "swr": "^2.3.0",
     "usehooks-ts": "^3.1.0",
-    "zod": "^3.23.8",
-    "zustand": "^5.0.1"
+    "zod": "^3.24.1",
+    "zustand": "^5.0.2"
   },
   "devDependencies": {
-    "@next/env": "^15.0.3",
-    "@trivago/prettier-plugin-sort-imports": "^4.3.0",
+    "@next/env": "^15.1.3",
+    "@trivago/prettier-plugin-sort-imports": "^5.2.0",
     "@types/luxon": "^3.4.2",
     "@types/md5": "^2.3.5",
-    "@types/node": "^22.10.1",
-    "@types/react": "^18.3.12",
-    "@types/react-dom": "^18.3.1",
-    "@typescript-eslint/eslint-plugin": "^8.16.0",
-    "@typescript-eslint/parser": "^8.16.0",
+    "@types/node": "^22.10.3",
+    "@types/nodemailer": "^6.4.17",
+    "@types/react": "^18.3.18",
+    "@types/react-dom": "^18.3.5",
+    "@typescript-eslint/eslint-plugin": "^8.19.0",
+    "@typescript-eslint/parser": "^8.19.0",
     "autoprefixer": "^10.4.20",
     "cross-env": "^7.0.3",
-    "drizzle-kit": "^0.28.1",
+    "drizzle-kit": "^0.30.1",
     "eslint": "^8.57.1",
-    "eslint-config-next": "15.0.3",
+    "eslint-config-next": "15.1.3",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-prettier": "^5.2.1",
-    "lint-staged": "^15.2.10",
+    "lint-staged": "^15.3.0",
     "postcss": "^8.4.49",
     "prettier-plugin-jsdoc": "^1.3.0",
     "prettier-plugin-tailwindcss": "^0.6.9",
     "simple-git-hooks": "^2.11.1",
-    "tailwindcss": "^3.4.15",
+    "tailwindcss": "^3.4.17",
     "tsec": "^0.2.8",
     "typescript": "^5.7.2"
   },