deps: Bump Next version to mitigate CVE-2025-29927 (#568)

Bump Next to the last stable version to mitigate CVE-2025-29927 despite
this site isn't affected because it's a static website.

The new major version required to fix the robots and sitemap files.

The build reported warning about using `img` tags instead of `Image`,
where the second is more optimal These warnings have been resolved in
this commit.

Author: ifraixedes

app/(blog)/blog/page.js

@@ -143,28 +143,10 @@ export default function BlogIndex() {
                               post.excerpt}
                           </p>
                         </div>
-                        {/*
-                  <div className="relative flex items-center mt-8 gap-x-4">
-                    <img
-                      src={post.author.imageUrl}
-                      alt=""
-                      className="w-10 h-10 bg-gray-100 rounded-full"
-                    />
-                    <div className="text-sm leading-6">
-                      <p className="font-semibold text-gray-900">
-                        <a href={post.author.href}>
-                          <span className="absolute inset-0" />
-                          {post.author.name}
-                        </a>
-                      </p>
-                      <p className="text-gray-600">{post.author.role}</p>
-                    </div>
-                  </div>
-*/}
                       </div>
                       <div className="relative mt-3 flex items-center gap-x-4">
                         {frontmatter.author && frontmatter.author.imageUrl && (
-                          <img
+                          <LocalImage
                             src={frontmatter.author.imageUrl}
                             alt=""
                             className="h-10 w-10 rounded-full bg-gray-50"

app/robots.js

@@ -1,3 +1,5 @@
+export const dynamic = "force-static"
+
 export default function robots() {
   return {
     rules: {

app/sitemap.js

@@ -7,6 +7,8 @@ import {
   oMountBottomNav,
 } from '@/markdoc/navigation.mjs'
 
+export const dynamic = "force-static"
+
 export default function sitemap() {
   return [
     dcsBottomNav,

package-lock.json

@@ -18,7 +18,7 @@
   },
   "dependencies": {
     "@algolia/autocomplete-core": "^1.9.2",
-    "@headlessui/react": "^1.7.17",
+    "@headlessui/react": "^2.2.4",
     "@headlessui/tailwindcss": "^0.1.3",
     "@heroicons/react": "^2.0.18",
     "@markdoc/markdoc": "^0.3.5",
@@ -33,7 +33,7 @@
     "focus-visible": "^5.2.0",
     "framer-motion": "^10.16.1",
     "js-yaml": "^4.1.0",
-    "next": "^14.0.2",
+    "next": "^15.3.5",
     "next-themes": "^0.2.1",
     "postcss-focus-visible": "^6.0.4",
     "postcss-import": "^14.1.0",

package.json

@@ -1,4 +1,5 @@
 'use client'
+import Image from 'next/image'
 import React from 'react'
 import { usePathname } from 'next/navigation'
 
@@ -61,7 +62,7 @@ const ShareButtons = ({
             )}
             {hackernews && (
               <a href={hackernews} rel="noreferrer" target="_blank">
-                <img
+                <Image
                   alt="hackernews link"
                   className="color-red bg-green mr-2 h-10 w-10"
                   src="/images/misc_logos/hackernews.svg"
@@ -70,7 +71,7 @@ const ShareButtons = ({
             )}
             {indiehackers && (
               <a href={indiehackers} rel="noreferrer" target="_blank">
-                <img
+                <Image
                   alt="indiehackers link"
                   className="color-red bg-green mr-2 h-10 w-10"
                   src="/images/misc_logos/indie-hackers.svg"

src/components/Share.js

@@ -6,13 +6,14 @@
  */
 
 import Link from 'next/link'
+import LocalImage from '@/components/LocalImage'
 
 export default async function Bio({ name = 'Dan Willoughby', image, summary }) {
   return (
     <div className="my-8 flex flex-col py-2 md:flex-row">
       {image && (
         <div className="mr-4 inline-flex flex-shrink-0">
-          <img
+          <LocalImage
             src={image}
             alt={name}
             className="border-storj-600 h-12 w-12 rounded-full border-2"

src/components/bio.js

@@ -2,6 +2,7 @@ import sharp from 'sharp'
 import glob from 'fast-glob'
 import * as path from 'path'
 import fs from 'fs'
+import Image from 'next/image'
 
 export function ImageWrap({ src, alt, width, height, noLink }) {
   let imgStyle = 'xs:max-w-full sm:max-w-sm'
@@ -15,7 +16,7 @@ export function ImageWrap({ src, alt, width, height, noLink }) {
     newWidth = (width * newHeight) / height
   }
   let img = (
-    <img
+    <Image
       className={`object-fit ${imgStyle}`}
       width={newWidth}
       height={newHeight}