🧹 Housekeeping

Author: dplimbley-moonpay

.vscode/settings.json

@@ -11,6 +11,9 @@
     "/coverage": true
   },
   "files.insertFinalNewline": true,
+  "files.associations": {
+    "*.css": "tailwindcss"
+  },
   "jestrunner.jestCommand": "npm run test",
   "cSpell.words": ["tailwindcss"]
 }

README.md

@@ -33,7 +33,7 @@ Please note that the `.env` file is ignored by Git for security reasons.
 Next, you need to start the database and seed the data. You can do this by running the following command:
 
 ```bash
-docker run --rm --name postgres -e POSTGRES_PASSWORD=postgres -e POSTGRES_DB=currencies -p 5432:5432 -d postgres:15
+docker run --rm --name postgres -e POSTGRES_PASSWORD=postgres -e POSTGRES_DB=currencies -p 5432:5432 -d postgres:17-alpine
 
 pnpm db:seed
 

app/globals.css

@@ -1,6 +1,9 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
+@import "tailwindcss";
+
+@theme {
+  --color-moonpay: #7715F5;
+  --color-cosmos: #39107A;
+}
 
 :root {
   --foreground-rgb: 0, 0, 0;

app/page.tsx

@@ -12,7 +12,7 @@ export default async function Home() {
   const currencies = await prisma.currencies.findMany();
   return (
     <main className="relative flex min-h-screen flex-col items-center justify-center">
-      <h1 className="py-4 bg-gradient-to-br from-black via-cosmos to-moonpay bg-clip-text text-center font-bold tracking-tight text-transparent text-6xl md:text-7xl">
+      <h1 className="py-4 bg-linear-to-br from-black via-cosmos to-moonpay bg-clip-text text-center font-bold tracking-tight text-transparent text-6xl md:text-7xl inline-block">
         LatestPrices
       </h1>
       <Suspense fallback={<TablePlaceholder />}>

docker-compose.yaml

@@ -1,9 +1,7 @@
-version: "3.8"
-
 # compose for postgres, pgadmin, and nextjs
 services:
   postgres:
-    image: postgres:16-alpine
+    image: postgres:17-alpine
     restart: always
     environment:
       POSTGRES_USER: postgres

mise.toml

@@ -0,0 +1,3 @@
+[tools]
+pnpm = "latest"
+node = "22.13.0"

package.json

@@ -12,27 +12,25 @@
     "start": "next start",
     "lint": "next lint"
   },
-  "prisma": {
-    "seed": "ts-node --compiler-options {\"module\":\"CommonJS\"} prisma/seed.ts"
-  },
   "dependencies": {
-    "@prisma/client": "5.11.0",
-    "next": "14.1.4",
-    "react": "18.2.0",
-    "react-dom": "18.2.0"
+    "@prisma/client": "6.16.3",
+    "next": "15.5.4",
+    "react": "19.2.0",
+    "react-dom": "19.2.0"
   },
   "devDependencies": {
-    "@types/node": "20.12.2",
-    "@types/react-dom": "18.2.23",
-    "@types/react": "18.2.73",
-    "autoprefixer": "10.4.19",
-    "eslint-config-next": "14.1.4",
-    "eslint": "8.57.0",
-    "postcss": "8.4.38",
-    "prisma": "5.11.0",
-    "tailwindcss": "3.4.3",
+    "@tailwindcss/postcss": "^4.1.14",
+    "@types/node": "22.13.0",
+    "@types/react": "19.2.2",
+    "@types/react-dom": "19.2.1",
+    "autoprefixer": "10.4.21",
+    "eslint": "9.37.0",
+    "eslint-config-next": "15.5.4",
+    "postcss": "8.5.6",
+    "prisma": "6.16.3",
+    "tailwindcss": "4.1.14",
     "ts-node": "10.9.2",
-    "turbo": "1.13.0",
-    "typescript": "5.4.3"
+    "turbo": "2.5.8",
+    "typescript": "5.9.3"
   }
 }