Merge pull request #87 from aicodingstack/develop

chore: upgrade next from 15.5.9 to 16.1.2

Author: ericyangpan

next.config.ts

@@ -2,10 +2,6 @@ import bundleAnalyzer from '@next/bundle-analyzer'
 import createMDX from '@next/mdx'
 import type { NextConfig } from 'next'
 import createNextIntlPlugin from 'next-intl/plugin'
-import rehypeHighlight from 'rehype-highlight'
-import remarkFrontmatter from 'remark-frontmatter'
-import remarkGfm from 'remark-gfm'
-import remarkMdxFrontmatter from 'remark-mdx-frontmatter'
 
 const withNextIntl = createNextIntlPlugin('./src/i18n/request.ts')
 
@@ -91,10 +87,17 @@ const nextConfig: NextConfig = {
     ignoreBuildErrors: false,
   },
 
-  // ESLint configuration
-  eslint: {
-    // Set to true only if you want to skip linting during build
-    ignoreDuringBuilds: false,
+  // Rewrites to fix locale-prefixed static assets in dev mode
+  async rewrites() {
+    return {
+      beforeFiles: [
+        // Rewrite locale-prefixed _next paths to correct paths
+        {
+          source: '/:locale/_next/:path*',
+          destination: '/_next/:path*',
+        },
+      ],
+    }
   },
 
   // Redirects configuration
@@ -164,8 +167,14 @@ const nextConfig: NextConfig = {
 const withMDX = createMDX({
   extension: /\.mdx?$/,
   options: {
-    remarkPlugins: [remarkFrontmatter, remarkMdxFrontmatter, remarkGfm],
-    rehypePlugins: [rehypeHighlight],
+    // String-based config for Turbopack compatibility (Next.js 16+)
+    remarkPlugins: [
+      'remark-frontmatter', // Parse and hide YAML frontmatter
+      'remark-gfm', // GitHub Flavored Markdown (tables, task lists, etc.)
+    ],
+    rehypePlugins: [
+      'rehype-highlight', // Code syntax highlighting
+    ],
   },
 })
 

package-lock.json

@@ -48,7 +48,7 @@
     "@opennextjs/cloudflare": "^1.15.1",
     "cmdk": "^1.1.1",
     "lucide-react": "^0.563.0",
-    "next": "^15.5.9",
+    "next": "^16.1.4",
     "next-intl": "^4.7.0",
     "react": "^19.2.1",
     "react-dom": "^19.2.1",
@@ -72,7 +72,7 @@
     "@types/react-dom": "^19.2.3",
     "@typescript-eslint/parser": "^8.53.0",
     "@typescript-eslint/types": "^8.53.0",
-    "agent-browser": "^0.5.0",
+    "agent-browser": "^0.8.4",
     "ajv": "^8.17.1",
     "ajv-formats": "^3.0.1",
     "cspell": "^9.6.1",
@@ -82,7 +82,6 @@
     "rehype-highlight": "^7.0.2",
     "remark-frontmatter": "^5.0.0",
     "remark-gfm": "^4.0.1",
-    "remark-mdx-frontmatter": "^5.2.0",
     "tailwindcss": "^4.1.17",
     "tsx": "^4.21.0",
     "typescript": "^5.9.3",

package.json

@@ -31,11 +31,11 @@ function getLicenseDisplayName(license: string): string {
 function getProductTypeName(type: ProductType, t: (key: string) => string): string {
   switch (type) {
     case 'ide':
-      return t('productType.ide')
+      return t('categories.singular.ide')
     case 'cli':
-      return t('productType.cli')
+      return t('categories.singular.cli')
     case 'extension':
-      return t('productType.extension')
+      return t('categories.singular.extension')
     default:
       return type
   }
@@ -326,7 +326,7 @@ export function OpenSourceRankPage() {
                       </td>
                       <td className="px-[var(--spacing-sm)] py-[var(--spacing-sm)] text-sm">
                         <span className="inline-block px-2 py-0.5 text-xs border border-[var(--color-border)]">
-                          {getProductTypeName(project.type, tPage)}
+                          {getProductTypeName(project.type, tShared)}
                         </span>
                       </td>
                       <td className="px-[var(--spacing-sm)] py-[var(--spacing-sm)] text-sm text-[var(--color-text-secondary)]">

src/app/[locale]/open-source-rank/page.client.tsx

@@ -131,7 +131,7 @@ export async function POST(request: NextRequest) {
       })
     } else if (tag) {
       // Revalidate by tag
-      revalidateTag(tag)
+      revalidateTag(tag, 'layout')
       return NextResponse.json({
         revalidated: true,
         type: 'tag',

src/app/api/revalidate/route.ts

@@ -42,7 +42,7 @@ function getCategoryLabel(
  * Gets the localized vendor type label. Falls back to the raw type when missing.
  */
 function getVendorTypeLabel(t: ReturnType<typeof useTranslations>, type: string): string {
-  const key = `vendorTypes.types.${type}.label`
+  const key = `vendorMatrix.vendorTypes.types.${type}.label`
   try {
     return t(key)
   } catch {

src/components/product/VendorMatrix.tsx

@@ -11,7 +11,7 @@
     "moduleResolution": "bundler",
     "resolveJsonModule": true,
     "isolatedModules": true,
-    "jsx": "preserve",
+    "jsx": "react-jsx",
     "incremental": true,
     "plugins": [
       {