From 33319f1404ef9ce8de773cf31f7bf0a9afa05275 Mon Sep 17 00:00:00 2001
From: Philippe d'Argent <p.dargent@cern.ch>
Date: Tue, 9 Dec 2025 16:58:14 +0100
Subject: [PATCH] Updated to next 16, react 19 and tailwind 4

---
 typescript/.changeset/tangy-horses-lose.md     |  5 +++++
 .../templates/next/app/globals.css             | 17 +++++++++++------
 .../templates/next/next.config.js              |  2 +-
 .../templates/next/package.json                | 18 ++++++++----------
 .../templates/next/postcss.config.mjs          |  2 +-
 .../templates/next/tailwind.config.ts          |  8 --------
 6 files changed, 26 insertions(+), 26 deletions(-)
 create mode 100644 typescript/.changeset/tangy-horses-lose.md

diff --git a/typescript/.changeset/tangy-horses-lose.md b/typescript/.changeset/tangy-horses-lose.md
new file mode 100644
index 000000000..897f92114
--- /dev/null
+++ b/typescript/.changeset/tangy-horses-lose.md
@@ -0,0 +1,5 @@
+---
+"create-onchain-agent": patch
+---
+
+Updated to next 16, react 19 and tailwind 4
diff --git a/typescript/create-onchain-agent/templates/next/app/globals.css b/typescript/create-onchain-agent/templates/next/app/globals.css
index 62b934029..c30f0feea 100644
--- a/typescript/create-onchain-agent/templates/next/app/globals.css
+++ b/typescript/create-onchain-agent/templates/next/app/globals.css
@@ -1,8 +1,13 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
+@import "tailwindcss";
 
-body {
-  @apply bg-white text-gray-900 dark:bg-gray-900 dark:text-gray-100;
-  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+@theme {
+  --font-sans: "DM Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
+    "Helvetica Neue", Arial, sans-serif;
+}
+
+@layer base {
+  body {
+    @apply bg-white text-gray-900 dark:bg-gray-900 dark:text-gray-100;
+    font-family: var(--font-sans);
+  }
 }
diff --git a/typescript/create-onchain-agent/templates/next/next.config.js b/typescript/create-onchain-agent/templates/next/next.config.js
index 91ef62f0d..d5456a15d 100644
--- a/typescript/create-onchain-agent/templates/next/next.config.js
+++ b/typescript/create-onchain-agent/templates/next/next.config.js
@@ -3,4 +3,4 @@ const nextConfig = {
   reactStrictMode: true,
 };
 
-module.exports = nextConfig;
+export default nextConfig;
diff --git a/typescript/create-onchain-agent/templates/next/package.json b/typescript/create-onchain-agent/templates/next/package.json
index 4ab5166b4..e07d5766e 100644
--- a/typescript/create-onchain-agent/templates/next/package.json
+++ b/typescript/create-onchain-agent/templates/next/package.json
@@ -20,21 +20,19 @@
     "@tanstack/react-query": "^5",
     "ai": "^4.1.54",
     "bs58": "^6.0.0",
-    "next": "15.5.3",
-    "react": "^18",
-    "react-dom": "^18",
+    "next": "^16.0.8",
+    "react": "^19.2.1",
+    "react-dom": "^19.2.1",
     "react-markdown": "^10.0.0",
     "viem": "^2.24.1",
     "wagmi": "^2.11.0"
   },
   "devDependencies": {
+    "@tailwindcss/postcss": "^4.0.0",
     "@types/node": "^22",
-    "@types/react": "^18",
-    "@types/react-dom": "^18",
-    "eslint": "^8",
-    "eslint-config-next": "15.5.3",
-    "postcss": "^8",
-    "tailwindcss": "^3.4.1",
-    "typescript": "^5"
+    "@types/react": "^19",
+    "@types/react-dom": "^19",
+    "tailwindcss": "^4.0.0",
+    "typescript": "^5.1.0"
   }
 }
diff --git a/typescript/create-onchain-agent/templates/next/postcss.config.mjs b/typescript/create-onchain-agent/templates/next/postcss.config.mjs
index 1a69fd2a4..79bcf135d 100644
--- a/typescript/create-onchain-agent/templates/next/postcss.config.mjs
+++ b/typescript/create-onchain-agent/templates/next/postcss.config.mjs
@@ -1,7 +1,7 @@
 /** @type {import('postcss-load-config').Config} */
 const config = {
   plugins: {
-    tailwindcss: {},
+    "@tailwindcss/postcss": {},
   },
 };
 
diff --git a/typescript/create-onchain-agent/templates/next/tailwind.config.ts b/typescript/create-onchain-agent/templates/next/tailwind.config.ts
index 2e394cd42..fd6b718e3 100644
--- a/typescript/create-onchain-agent/templates/next/tailwind.config.ts
+++ b/typescript/create-onchain-agent/templates/next/tailwind.config.ts
@@ -6,14 +6,6 @@ const config: Config = {
     "./components/**/*.{js,ts,jsx,tsx,mdx}",
     "./app/**/*.{js,ts,jsx,tsx,mdx}",
   ],
-  theme: {
-    extend: {
-      fontFamily: {
-        sans: ["DM Sans", "sans-serif"],
-      },
-    },
-  },
-  plugins: [],
 };
 
 export default config;