feat(config): enable typedRoutes on all Next.js apps, disable ignoreBuildErrors

- Enable typedRoutes on web, chat-web, tools-web (portal already had it)
- Set ignoreBuildErrors: false on web (was dangerously true in production)
- Add Route type casts for dynamic hrefs caught by typedRoutes

Author: kzndotsh

apps/chat-web/app/page.tsx

@@ -9,6 +9,7 @@ import {
   Network,
   Share2,
 } from "lucide-react";
+import type { Route } from "next";
 import Link from "next/link";
 
 import { Badge } from "@/components/ui/badge";
@@ -286,7 +287,7 @@ export default function Home() {
                 </CardHeader>
                 <CardContent>
                   <Button asChild className="w-full" variant="secondary">
-                    <Link href={client.href}>Open {client.name}</Link>
+                    <Link href={client.href as Route}>Open {client.name}</Link>
                   </Button>
                 </CardContent>
               </Card>

apps/chat-web/next.config.ts

@@ -2,6 +2,7 @@ import { initOpenNextCloudflareForDev } from "@opennextjs/cloudflare";
 import type { NextConfig } from "next";
 
 const nextConfig: NextConfig = {
+  typedRoutes: true,
   reactStrictMode: true,
   poweredByHeader: false,
 };

apps/tools-web/next.config.ts

@@ -1,7 +1,9 @@
 import { initOpenNextCloudflareForDev } from "@opennextjs/cloudflare";
 import type { NextConfig } from "next";
 
-const config: NextConfig = {};
+const config: NextConfig = {
+  typedRoutes: true,
+};
 
 export default config;
 

apps/web/next.config.ts

@@ -14,6 +14,7 @@ import "./src/env";
 const monorepoRoot = path.resolve(import.meta.dirname, "..", "..");
 
 const nextConfig: NextConfig = {
+  typedRoutes: true,
   compiler: {
     // Remove console logs for better performance in production
     // removeConsole:
@@ -158,7 +159,7 @@ const nextConfig: NextConfig = {
   },
 
   typescript: {
-    ignoreBuildErrors: process.env.NODE_ENV === "production",
+    ignoreBuildErrors: false,
   },
 };
 

apps/web/src/app/contribute/page.tsx

@@ -7,7 +7,7 @@ import {
   Users,
 } from "lucide-react";
 import type { LucideIcon } from "lucide-react";
-import type { Metadata } from "next";
+import type { Metadata, Route } from "next";
 import Link from "next/link";
 import {
   SiBitcoin,
@@ -233,7 +233,7 @@ export default function ContributePage() {
                   <Button
                     render={
                       <Link
-                        href={way.href}
+                        href={way.href as Route}
                         rel={way.external ? "noopener noreferrer" : undefined}
                         target={way.external ? "_blank" : undefined}
                       />

apps/web/src/components/blog/blog-posts.tsx

@@ -1,5 +1,6 @@
 "use client";
 
+import type { Route } from "next";
 import Link from "next/link";
 import { usePathname, useRouter } from "next/navigation";
 import React, { useCallback, useEffect, useRef, useState } from "react";
@@ -187,12 +188,12 @@ export default function BlogPosts({
       setShouldScrollTop(true); // Set flag to scroll on next content update
 
       // Prefetch the new page
-      router.prefetch(`${pathname}?page=${newPage}`);
+      router.prefetch(`${pathname}?page=${newPage}` as Route);
 
       // Use a slight delay to ensure prefetching happens
       setTimeout(() => {
         // Preserve the current URL path and only update the page parameter
-        router.push(`${pathname}?page=${newPage}`, { scroll: false });
+        router.push(`${pathname}?page=${newPage}` as Route, { scroll: false });
       }, 50);
     },
     [pathname, router]

apps/web/src/components/layouts/footer.tsx

@@ -1,3 +1,4 @@
+import type { Route } from "next";
 import Link from "next/link";
 import { BsOpencollective } from "react-icons/bs";
 import {
@@ -74,7 +75,7 @@ function FooterLink({ name, href }: { name: string; href: string }) {
       {isExternal ? (
         <a
           className="text-muted-foreground hover:text-foreground text-sm transition-colors"
-          href={href}
+          href={href as Route}
           rel="noopener noreferrer"
           target="_blank"
         >
@@ -83,7 +84,7 @@ function FooterLink({ name, href }: { name: string; href: string }) {
       ) : (
         <Link
           className="text-muted-foreground hover:text-foreground text-sm transition-colors"
-          href={href}
+          href={href as Route}
         >
           {name}
         </Link>

apps/web/src/components/layouts/header.tsx

@@ -17,6 +17,7 @@ import {
   Users,
   Wrench,
 } from "lucide-react";
+import type { Route } from "next";
 import Link from "next/link";
 import { useEffect, useState } from "react";
 import { PiLinuxLogoBold } from "react-icons/pi";
@@ -192,7 +193,7 @@ function MenuSubLink({
   return (
     <Link
       className="hover:bg-muted flex w-full items-center gap-3 rounded-lg px-2.5 py-2 transition-colors"
-      href={link.href}
+      href={link.href as Route}
       onClick={onClick}
       rel={isExternal ? "noopener noreferrer" : undefined}
       target={isExternal ? "_blank" : undefined}
@@ -283,7 +284,7 @@ function DesktopNavigation() {
                 navigationMenuTriggerStyle(),
                 "text-muted-foreground bg-transparent px-3 py-1.5 text-sm font-normal"
               )}
-              render={<Link href={link.href} />}
+              render={<Link href={link.href as Route} />}
             >
               {link.label}
             </NavigationMenuLink>