Refactor: Upgrade Next.js to version 16.0.10 for Hyperjump landing page (#145)

* Refactor: Upgrade Next.js to version 16.0.10 for Hyperjump landing page

* Fix test

* ci: fix

* chore: fix format

---------

Co-authored-by: Hari Nugraha <[email protected]>

Author: sintaherena

app/[lang]/(hyperjump)/case-studies/[slug]/page.tsx

@@ -46,15 +46,14 @@ export async function generateMetadata({
   return dynamicOpengraph(meta);
 }
 
-export const generateStaticParams = async ({ params }: CaseStudyProps) => {
-  return getCaseStudies((await params).lang).reduce<Params[]>(
-    (acc, { slug }) => [
+export async function generateStaticParams(): Promise<Params[]> {
+  return supportedLanguages.reduce<Params[]>((acc, lang) => {
+    return [
       ...acc,
-      ...supportedLanguages.map((lang) => ({ slug, lang }))
-    ],
-    []
-  );
-};
+      ...getCaseStudies(lang).map(({ slug }) => ({ slug, lang }))
+    ];
+  }, []);
+}
 
 export default async function CaseStudy({ params }: CaseStudyProps) {
   const { lang, slug } = await params;

app/[lang]/(hyperjump)/layout.tsx

@@ -6,7 +6,7 @@ import Nav from "./components/nav";
 
 type MainLangLayoutProps = {
   children: React.ReactNode;
-  params: Promise<{ lang: SupportedLanguage }>;
+  params: Promise<{ lang: string }>;
 };
 
 export default async function MainLangLayout({
@@ -19,10 +19,10 @@ export default async function MainLangLayout({
     <>
       <ScrollObserver />
       <div className="relative min-h-screen bg-white">
-        <Nav lang={lang} />
+        <Nav lang={lang as SupportedLanguage} />
         {children}
         <LandingAIAgent />
-        <Footer lang={lang} />
+        <Footer lang={lang as SupportedLanguage} />
       </div>
     </>
   );

app/[lang]/(inferenceai)/inferenceai/[slug]/page.tsx

@@ -11,21 +11,20 @@ import { Faqs, Hero, HowItWorks, KeyFeatures, WhatIsIncluded } from "./home";
 type Params = { lang: SupportedLanguage; slug: string };
 
 type CaseStudyProps = {
-  params: Promise<Params>;
+  params: Params;
 };
 
-export const generateStaticParams = async ({ params }: CaseStudyProps) => {
-  return getCaseStudies((await params).lang).reduce<Params[]>(
-    (acc, { slug }) => [
+export async function generateStaticParams(): Promise<Params[]> {
+  return supportedLanguages.reduce<Params[]>((acc, lang) => {
+    return [
       ...acc,
-      ...supportedLanguages.map((lang) => ({ slug, lang }))
-    ],
-    []
-  );
-};
+      ...getCaseStudies(lang).map(({ slug }) => ({ slug, lang }))
+    ];
+  }, []);
+}
 
 export default async function CaseStudy({ params }: CaseStudyProps) {
-  const { lang, slug } = await params;
+  const { lang, slug } = params;
   const caseStudy = caseStudyBy(slug, lang);
 
   if (!caseStudy) {

app/[lang]/(inferenceai)/inferenceai/layout.tsx

@@ -5,7 +5,7 @@ import { Footer } from "./components/footer";
 
 type MainLangLayoutProps = {
   children: React.ReactNode;
-  params: Promise<{ lang: SupportedLanguage }>;
+  params: Promise<{ lang: string }>;
 };
 
 export default async function MainLangLayout({
@@ -18,9 +18,9 @@ export default async function MainLangLayout({
     <>
       <ScrollObserver />
       <div className="relative min-h-screen bg-transparent">
-        <ClientWrapper lang={lang} />
+        <ClientWrapper lang={lang as SupportedLanguage} />
         {children}
-        <Footer lang={lang} />
+        <Footer lang={lang as SupportedLanguage} />
       </div>
     </>
   );

bun.lock

@@ -3,12 +3,12 @@ import createMDX from "@next/mdx";
 const basePath = ""; // process.env.NODE_ENV === "production" ? "/hyperjump.tech" : "";
 /** @type {import('next').NextConfig} */
 const nextConfig = {
-  output: "export",
-  basePath,
   assetPrefix: basePath,
+  basePath,
   images: {
     unoptimized: true
   },
+  output: "export",
   pageExtensions: ["js", "jsx", "md", "mdx", "ts", "tsx"]
 };
 const withMDX = createMDX();

next.config.mjs

@@ -3,7 +3,7 @@
   "version": "1.1.0",
   "private": true,
   "scripts": {
-    "generate-locales": "simple-i18n-next -i ./locales -l en",
+    "generate-locales": "simple-i18n-next -i ./locales -l en && bun scripts/fix-locales-types.js",
     "generate-redirect": "bun .github/scripts/generate-redirect.js",
     "generate-sitemap": "bun .github/scripts/generate-sitemap.js",
     "dev": "bun run generate-locales && next dev",
@@ -22,8 +22,8 @@
     "@mdx-js/loader": "3.1.1",
     "@mdx-js/react": "3.1.1",
     "@n8n/chat": "0.61.0",
-    "@next/mdx": "15.5.6",
-    "@next/third-parties": "15.5.6",
+    "@next/mdx": "16.1.0",
+    "@next/third-parties": "16.1.0",
     "@radix-ui/react-accordion": "1.2.12",
     "@radix-ui/react-aspect-ratio": "1.1.7",
     "@radix-ui/react-avatar": "1.1.10",
@@ -39,15 +39,16 @@
     "framer-motion": "12.23.24",
     "lucide-react": "0.546.0",
     "marked": "16.4.1",
-    "next": "15.4.1",
+    "next": "16.0.10",
     "next-themes": "0.4.6",
-    "react": "19.2.0",
-    "react-dom": "19.2.0",
+    "react": "19.2.3",
+    "react-dom": "19.2.3",
     "rehype-stringify": "10.0.1",
     "remark-gfm": "4.0.1",
     "remark-parse": "11.0.0",
     "remark-rehype": "11.1.2",
     "schema-dts": "1.1.5",
+    "simple-i18n-next": "0.0.38",
     "sonner": "2.0.7",
     "tailwindcss-animate": "1.0.7",
     "unified": "11.0.5",
@@ -67,7 +68,6 @@
     "postcss": "^8",
     "prettier": "^3.6.2",
     "prettier-plugin-tailwindcss": "^0.6.14",
-    "simple-i18n-next": "0.0.25",
     "tailwind-merge": "^3.3.1",
     "tailwindcss": "^4.1.13",
     "typescript": "^5"

package.json

@@ -0,0 +1,25 @@
+import fs from "fs";
+import path from "path";
+
+const filePath = path.join(process.cwd(), "locales", ".generated", "types.ts");
+
+if (!fs.existsSync(filePath)) {
+  console.warn(
+    `[fix-locales-types] File not found at ${filePath}, skipping patch.`
+  );
+  process.exit(0);
+}
+
+const content = fs.readFileSync(filePath, "utf8");
+
+if (content.includes("ArgsProps")) {
+  // Already patched
+  process.exit(0);
+}
+
+const patched = `${content.trimEnd()}\n\nexport type ArgsProps = Record<string, string>;\n`;
+
+fs.writeFileSync(filePath, patched, "utf8");
+console.log(
+  "[fix-locales-types] Added ArgsProps type to locales .generated types."
+);

scripts/fix-locales-types.js

@@ -10,7 +10,7 @@
     "moduleResolution": "bundler",
     "resolveJsonModule": true,
     "isolatedModules": true,
-    "jsx": "preserve",
+    "jsx": "react-jsx",
     "incremental": true,
     "plugins": [
       {
@@ -28,7 +28,8 @@
     "**/*.ts",
     "**/*.tsx",
     ".next/types/**/*.ts",
-    "locales/.generated/**/*"
+    "locales/.generated/**/*",
+    ".next/dev/types/**/*.ts"
   ],
   "exclude": ["node_modules"]
 }