fix: packages upgrade and add buy me a coffee

Author: OlivierCo

apps/www/app/layout.tsx

@@ -18,6 +18,7 @@ import { StructuredData } from "@/components/structured-data";
 import "@workspace/ui/globals.css";
 import { Toaster } from "@workspace/ui/components/sonner";
 import Script from "next/script";
+import { BuyMeACoffeeButton } from "@/components/buy-me-a-coffee";
 
 const fontSans = Geist({
   subsets: ["latin"],
@@ -166,6 +167,7 @@ export default async function RootLayout({ children }: Readonly<LayoutProps>) {
             </header>
             <main className="flex flex-1 flex-col h-screen">
               {children}
+              <BuyMeACoffeeButton />
               <Analytics />
               <Toaster />
             </main>

apps/www/components/buy-me-a-coffee.tsx

@@ -0,0 +1,20 @@
+import Image from "next/image";
+import Link from "next/link";
+
+export function BuyMeACoffeeButton() {
+  return (
+    <Link
+      className="fixed right-5 bottom-5"
+      href="https://www.buymeacoffee.com/hour.is"
+      target="_blank"
+      rel="noopener noreferrer"
+    >
+      <Image
+        src="https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png"
+        alt="Buy Me A Coffee"
+        width={217}
+        height={54}
+      />
+    </Link>
+  );
+}

apps/www/next.config.mjs

@@ -12,6 +12,14 @@ const nextConfig = {
   images: {
     formats: ["image/webp", "image/avif"],
     minimumCacheTTL: 60,
+    remotePatterns: [
+      {
+        protocol: "https",
+        hostname: "cdn.buymeacoffee.com",
+        port: "",
+        pathname: "/buttons/v2/**",
+      },
+    ],
   },
 
   // Headers for SEO

apps/www/package.json

@@ -19,13 +19,13 @@
     "contentlayer": "^0.3.4",
     "date-fns": "^4.1.0",
     "lucide-react": "^0.525.0",
-    "next": "^15.5.0",
+    "next": "^15.5.6",
     "next-contentlayer": "^0.3.4",
     "next-mdx-remote": "^5.0.0",
     "next-themes": "^0.4.6",
-    "react": "^19.1.1",
-    "react-dom": "^19.1.1",
-    "react-syntax-highlighter": "^15.6.3",
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0",
+    "react-syntax-highlighter": "^15.6.6",
     "rehype-highlight": "^7.0.2",
     "rehype-prism-plus": "^2.0.1",
     "rehype-slug": "^6.0.0",

package.json

@@ -19,7 +19,7 @@
     "turbo": "^2.5.6",
     "typescript": "5.8.3"
   },
-  "packageManager": "pnpm@10.15.1",
+  "packageManager": "pnpm@10.18.3",
   "engines": {
     "node": ">=20"
   }