fix: replace a with Link tag

Author: KodingDev

next.config.ts

@@ -1,21 +1,14 @@
 import createBundleAnalyzer from "@next/bundle-analyzer";
 import { withPostHogConfig } from "@posthog/nextjs-config";
 import type { NextConfig } from "next";
+import { PHASE_DEVELOPMENT_SERVER, PHASE_PRODUCTION_BUILD } from "next/constants.js";
 
 /**
  * Run `build` or `dev` with `SKIP_ENV_VALIDATION` to skip env validation. This is especially useful
  * for Docker builds.
  */
-import "./src/env.config";
 import { env } from "@/env.config";
 
-const isDev = process.argv.indexOf("dev") !== -1;
-const isBuild = process.argv.indexOf("build") !== -1;
-if (!process.env.VELITE_STARTED && (isDev || isBuild)) {
-  process.env.VELITE_STARTED = "1";
-  import("velite").then((m) => m.build({ watch: isDev, clean: !isDev }));
-}
-
 const withBundleAnalyzer = createBundleAnalyzer({
   enabled: process.env.ANALYZE === "true",
 });
@@ -74,4 +67,13 @@ if (env.POSTHOG_API_KEY && env.POSTHOG_ENV_ID) {
   });
 }
 
-export default nextConfig;
+export default (phase: string) => {
+  const isDev = phase === PHASE_DEVELOPMENT_SERVER;
+  const isBuild = phase === PHASE_PRODUCTION_BUILD;
+  if (!process.env.VELITE_STARTED && (isDev || isBuild)) {
+    process.env.VELITE_STARTED = "1";
+    import("velite").then((m) => m.build({ watch: isDev, clean: !isDev }));
+  }
+
+  return nextConfig;
+};

src/app/art/page.tsx

@@ -1,5 +1,6 @@
 import type { Metadata, Route } from "next";
 import Image from "next/image";
+import Link from "next/link";
 import { MdArrowOutward } from "react-icons/md";
 import { Header } from "@/components/base/Header";
 import { CallToAction } from "@/components/interactive/CallToAction";
@@ -55,7 +56,7 @@ export default function ArtPage() {
       <div className="grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3">
         {allArtists.map((artist) =>
           artist.commissions.map((commission) => (
-            <a
+            <Link
               key={`${artist.slug}-${commission.slug}`}
               className="relative aspect-square w-full overflow-clip rounded-md border border-white/25 transition-all hover:scale-[101%] hover:shadow-xl"
               href={`/art/${artist.slug}/${commission.slug}`}
@@ -93,7 +94,7 @@ export default function ArtPage() {
                   <span className="opacity-75">By {artist.name}</span>
                 </div>
               </div>
-            </a>
+            </Link>
           ))
         )}
       </div>

tsconfig.json

@@ -42,6 +42,7 @@
     "**/*.cjs",
     "**/*.js",
     ".next/types/**/*.ts",
-    ".next/dev/types/**/*.ts"
+    ".next/dev/types/**/*.ts",
+    ".next\\dev/types/**/*.ts"
   ]
 }