Merge pull request #40 from alexandrebedel/feature/38-vercel-hosting

Vercel hosting

backend/package.json

@@ -3,7 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "scripts": {
-    "dev": "next dev",
+    "dev": "prisma generate && next dev",
     "build": "next build",
     "start": "next start",
     "lint": "next lint",
@@ -12,7 +12,7 @@
     "prisma:g": "prisma generate",
     "prisma:m": "prisma migrate dev",
     "prisma:s": "prisma studio",
-    "seed": "node ./database/prisma/seed.js"
+    "vercel-build": "prisma generate && prisma db push && prisma db seed && next build"
   },
   "dependencies": {
     "@hookform/resolvers": "^3.3.4",
@@ -53,5 +53,8 @@
     "ts-jest": "^29.1.2",
     "ts-node": "^10.9.2",
     "typescript": "^5"
+  },
+  "prisma": {
+    "seed": "ts-node --compiler-options {\"module\":\"CommonJS\"} prisma/seed.ts"
   }
-}
+}

backend/prisma/schema.prisma

@@ -4,7 +4,8 @@ generator client {
 
 datasource db {
   provider = "postgresql"
-  url      = env("DATABASE_URL")
+  url = env("POSTGRES_PRISMA_URL") // uses connection pooling
+  directUrl = env("POSTGRES_URL_NON_POOLING") // uses a direct connection
 }
 
 enum TrashType {

backend/prisma/seed.js → backend/prisma/seed.ts

@@ -8,7 +8,9 @@ async function main() {
   const password = process.env.ADMIN_PASSWORD;
 
   if (!email || !password) {
-    console.error("Les variables d'environnement ADMIN_EMAIL ou ADMIN_PASSWORD ne sont pas définies.");
+    console.error(
+      "Les variables d'environnement ADMIN_EMAIL ou ADMIN_PASSWORD ne sont pas définies."
+    );
     return;
   }
 

backend/src/app/components/DashboardTable.tsx

@@ -1,6 +1,14 @@
 import { format } from "date-fns";
 import { fr } from "date-fns/locale";
-import { Table, TableBody, TableCaption, TableCell, TableHead, TableHeader, TableRow } from "@/app/components/ui/table";
+import {
+  Table,
+  TableBody,
+  TableCaption,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow,
+} from "@/app/components/ui/table";
 import { BinInfo } from "@/types";
 import Link from "next/link";
 import { Button } from "@/app/components/ui/button";
@@ -19,21 +27,21 @@ export default function DashboardTable({ bins }: { bins: BinInfo[] }) {
         </TableRow>
       </TableHeader>
       <TableBody>
-        {bins.map((bin: BinInfo) => {
-          return (
-            <TableRow>
-              <TableCell className="font-medium">{bin.id}</TableCell>
-              <TableCell>{format(bin.createdAt, "EEEE dd MMMM yyyy", { locale: fr })}</TableCell>
-              <TableCell>{bin.mostTypeTrash}</TableCell>
-              <TableCell>{bin.totalTrash}</TableCell>
-              <TableCell className="text-right">
-                <Link href={`/stats/${bin.id}`}>
-                  <Button>Détails</Button>
-                </Link>
-              </TableCell>
-            </TableRow>
-          );
-        })}
+        {bins.map((bin: BinInfo) => (
+          <TableRow key={bin.id}>
+            <TableCell className="font-medium">{bin.id}</TableCell>
+            <TableCell>
+              {format(bin.createdAt, "EEEE dd MMMM yyyy", { locale: fr })}
+            </TableCell>
+            <TableCell>{bin.mostTypeTrash}</TableCell>
+            <TableCell>{bin.totalTrash}</TableCell>
+            <TableCell className="text-right">
+              <Link href={`/stats/${bin.id}`}>
+                <Button>Détails</Button>
+              </Link>
+            </TableCell>
+          </TableRow>
+        ))}
       </TableBody>
     </Table>
   );

backend/src/app/components/LoginForm.tsx

@@ -45,7 +45,7 @@ export function LoginForm() {
       <Card>
         <CardHeader>
           <CardTitle>Connexion</CardTitle>
-          <CardDescription>Make changes to your account here. Click save when you're done.</CardDescription>
+          <CardDescription>Make changes to your account here. Click save when you&apos;re done.</CardDescription>
         </CardHeader>
         <CardContent className="space-y-2">
           <Form {...loginForm}>

backend/tsconfig.json

@@ -22,6 +22,6 @@
       "@/*": ["./src/*"]
     }
   },
-  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts", "prisma/seed.js"],
+  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
   "exclude": ["node_modules"]
 }