chore: upgrade to next 15

Author: ovflowd

apps/site/app/[locale]/[[...path]]/page.tsx

@@ -25,7 +25,9 @@ export const generateViewport = async () => ({ ...PAGE_VIEWPORT });
 
 // This generates each page's HTML Metadata
 // @see https://nextjs.org/docs/app/api-reference/functions/generate-metadata
-export const generateMetadata = async ({ params }: DynamicParams) => {
+export const generateMetadata = async (props: DynamicParams) => {
+  const params = await props.params;
+
   const { path = [], locale = defaultLocale.code } = params;
 
   const pathname = dynamicRouter.getPathname(path);
@@ -64,7 +66,8 @@ export const generateStaticParams = async () => {
 // then it proceeds to retrieve the Markdown file and parse the MDX Content into a React Component
 // finally it returns (if the locale and route are valid) the React Component with the relevant context
 // and attached context providers for rendering the current page
-const getPage: FC<DynamicParams> = async ({ params }) => {
+const getPage: FC<DynamicParams> = async props => {
+  const params = await props.params;
   const { path = [], locale = defaultLocale.code } = params;
 
   if (!availableLocaleCodes.includes(locale)) {

apps/site/app/[locale]/feed/[feed]/route.ts

@@ -8,12 +8,14 @@ import { defaultLocale } from '@/next.locales.mjs';
 // We only support fetching these pages from the /en/ locale code
 const locale = defaultLocale.code;
 
-type StaticParams = { params: { feed: string; locale: string } };
+type StaticParams = { params: Promise<{ feed: string; locale: string }> };
 
 // This is the Route Handler for the `GET` method which handles the request
 // for the Node.js Website Blog Feeds (RSS)
 // @see https://nextjs.org/docs/app/building-your-application/routing/router-handlers
-export const GET = async (_: Request, { params }: StaticParams) => {
+export const GET = async (_: Request, props: StaticParams) => {
+  const params = await props.params;
+
   // Generate the Feed for the given feed type (blog, releases, etc)
   const websiteFeed = provideWebsiteFeeds(params.feed);
 

apps/site/app/[locale]/next-data/blog-data/[category]/[page]/route.ts

@@ -7,13 +7,15 @@ import { VERCEL_REVALIDATE } from '@/next.constants.mjs';
 import { defaultLocale } from '@/next.locales.mjs';
 
 type StaticParams = {
-  params: { locale: string; category: string; page: string };
+  params: Promise<{ locale: string; category: string; page: string }>;
 };
 
 // This is the Route Handler for the `GET` method which handles the request
 // for providing Blog Posts for Blog Categories and Pagination Metadata
 // @see https://nextjs.org/docs/app/building-your-application/routing/router-handlers
-export const GET = async (_: Request, { params }: StaticParams) => {
+export const GET = async (_: Request, props: StaticParams) => {
+  const params = await props.params;
+
   const requestedPage = Number(params.page);
 
   const data =

apps/site/app/[locale]/next-data/changelog-data/[version]/route.ts

@@ -4,13 +4,15 @@ import { VERCEL_REVALIDATE } from '@/next.constants.mjs';
 import { defaultLocale } from '@/next.locales.mjs';
 
 type StaticParams = {
-  params: { version: string };
+  params: Promise<{ version: string }>;
 };
 
 // This is the Route Handler for the `GET` method which handles the request
 // for generating static data related to the Node.js Changelog Data
 // @see https://nextjs.org/docs/app/building-your-application/routing/router-handlers
-export const GET = async (_: Request, { params }: StaticParams) => {
+export const GET = async (_: Request, props: StaticParams) => {
+  const params = await props.params;
+
   const changelogData = await provideChangelogData(params.version);
 
   return Response.json(changelogData);

apps/site/components/Common/Tabs/__tests__/index.test.mjs

@@ -2,6 +2,7 @@ import * as TabsPrimitive from '@radix-ui/react-tabs';
 import { act, render, screen } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
 
+import Link from '../../../Link';
 import Tabs from '../index';
 
 describe('Tabs', () => {
@@ -46,7 +47,7 @@ describe('Tabs', () => {
   });
 
   it('should render the given addons', async () => {
-    render(<Sut addons={<a href="/">addon</a>} />);
+    render(<Sut addons={<Link href="/">addon</Link>} />);
 
     expect(screen.getByRole('link', { name: 'addon' })).toBeInTheDocument();
   });

apps/site/hooks/react-client/useClickOutside.ts

@@ -2,7 +2,7 @@ import type { RefObject } from 'react';
 import { useEffect } from 'react';
 
 const useClickOutside = <T extends HTMLElement>(
-  ref: RefObject<T>,
+  ref: RefObject<T | null>,
   fn: () => void
 ) => {
   useEffect(() => {

apps/site/hooks/react-client/useNavigationState.ts

@@ -8,7 +8,7 @@ import { debounce } from '@/util/debounce';
 
 const useNavigationState = <T extends HTMLElement>(
   id: string,
-  ref: RefObject<T>,
+  ref: RefObject<T | null>,
   debounceTime = 300
 ) => {
   const navigationState = useContext(NavigationStateContext);

apps/site/next.config.mjs

@@ -19,9 +19,6 @@ const nextConfig = {
   // We intentionally disable Next.js's built-in i18n support
   // as we dom have our own i18n and internationalisation engine
   i18n: null,
-  // We want to always enforce that SWC minifies the sources even during Development mode
-  // so that bundles are minified on-the-go. SWF minifying is fast, and has almost no penalties
-  swcMinify: true,
   // We don't use trailing slashes on URLs from the Node.js Website
   trailingSlash: false,
   // We don't want to redirect with trailing slashes
@@ -113,8 +110,6 @@ const nextConfig = {
     ],
     // Removes the warning regarding the WebPack Build Worker
     webpackBuildWorker: true,
-    // Enables Next.js's Instrumentation Hook
-    instrumentationHook: true,
   },
   // To import ESM-only packages with next dev --turbo. Source: https://github.com/vercel/next.js/issues/63318#issuecomment-2079677098
   transpilePackages: ['shiki'],

apps/site/package.json

@@ -17,7 +17,7 @@
   },
   "scripts": {
     "scripts:release-post": "cross-env NODE_NO_WARNINGS=1 node scripts/release-post/index.mjs",
-    "dev": "cross-env SENTRY_SUPPRESS_TURBOPACK_WARNING=1 NODE_NO_WARNINGS=1 next dev --turbo",
+    "dev": "cross-env SENTRY_SUPPRESS_TURBOPACK_WARNING=1 NODE_NO_WARNINGS=1 next dev --turbopack",
     "serve": "npm run dev",
     "build": "cross-env NODE_NO_WARNINGS=1 next build",
     "start": "cross-env NODE_NO_WARNINGS=1 next start",
@@ -37,28 +37,28 @@
   },
   "dependencies": {
     "@heroicons/react": "~2.1.5",
-    "@mdx-js/mdx": "^3.0.1",
+    "@mdx-js/mdx": "^3.1.0",
     "@node-core/website-i18n": "*",
     "@nodevu/core": "~0.1.0",
     "@orama/highlight": "^0.1.6",
-    "@oramacloud/client": "^1.3.16",
+    "@oramacloud/client": "^1.3.19",
     "@radix-ui/react-accessible-icon": "^1.1.0",
     "@radix-ui/react-avatar": "^1.1.1",
     "@radix-ui/react-dialog": "^1.1.2",
-    "@radix-ui/react-dropdown-menu": "^2.1.1",
+    "@radix-ui/react-dropdown-menu": "^2.1.2",
     "@radix-ui/react-label": "^2.1.0",
     "@radix-ui/react-scroll-area": "^1.2.0",
     "@radix-ui/react-select": "^2.1.2",
     "@radix-ui/react-slot": "^1.1.0",
-    "@radix-ui/react-tabs": "^1.1.0",
+    "@radix-ui/react-tabs": "^1.1.1",
     "@radix-ui/react-toast": "^1.2.2",
     "@savvywombat/tailwindcss-grid-areas": "~4.0.0",
-    "@sentry/nextjs": "^8.33.1",
+    "@sentry/nextjs": "^8.35.0",
     "@tailwindcss/container-queries": "~0.1.1",
     "@types/node": "20.16.5",
     "@vcarl/remark-headings": "~0.1.0",
-    "@vercel/analytics": "~1.3.1",
-    "@vercel/speed-insights": "~1.0.12",
+    "@vercel/analytics": "~1.3.2",
+    "@vercel/speed-insights": "~1.0.14",
     "autoprefixer": "~10.4.20",
     "classnames": "~2.5.1",
     "cross-env": "7.0.3",
@@ -67,8 +67,8 @@
     "github-slugger": "~2.0.0",
     "glob": "~11.0.0",
     "gray-matter": "~4.0.3",
-    "next": "~14.2.14",
-    "next-intl": "~3.21.1",
+    "next": "15.0.2",
+    "next-intl": "~3.23.5",
     "next-themes": "~0.3.0",
     "postcss": "~8.4.47",
     "postcss-calc": "~10.0.2",
@@ -82,41 +82,41 @@
     "remark-gfm": "~4.0.0",
     "remark-reading-time": "~2.0.1",
     "semver": "~7.6.3",
-    "shiki": "~1.17.5",
-    "tailwindcss": "^3.4.13",
+    "shiki": "~1.22.2",
+    "tailwindcss": "^3.4.14",
     "unist-util-visit": "~5.0.0",
     "vfile": "~6.0.3",
     "vfile-matter": "~5.0.0"
   },
   "devDependencies": {
-    "@eslint/compat": "~1.2.0",
-    "@next/eslint-plugin-next": "~14.2.14",
-    "@storybook/addon-controls": "~8.3.5",
-    "@storybook/addon-interactions": "~8.3.5",
-    "@storybook/addon-themes": "~8.3.5",
-    "@storybook/addon-viewport": "~8.3.5",
-    "@storybook/nextjs": "~8.3.5",
-    "@testing-library/jest-dom": "~6.5.0",
+    "@eslint/compat": "~1.2.2",
+    "@next/eslint-plugin-next": "15.0.2",
+    "@storybook/addon-controls": "~8.3.6",
+    "@storybook/addon-interactions": "~8.3.6",
+    "@storybook/addon-themes": "~8.3.6",
+    "@storybook/addon-viewport": "~8.3.6",
+    "@storybook/nextjs": "~8.3.6",
+    "@testing-library/jest-dom": "~6.6.2",
     "@testing-library/react": "~16.0.1",
     "@testing-library/user-event": "~14.5.2",
-    "@types/jest": "29.5.13",
-    "@types/react": "^18.3.11",
-    "@types/react-dom": "^18.3.0",
+    "@types/jest": "29.5.14",
+    "@types/react": "^18.3.12",
+    "@types/react-dom": "^18.3.1",
     "@types/semver": "~7.5.8",
-    "eslint-config-next": "15.0.0-rc.1",
+    "eslint-config-next": "15.0.2",
     "eslint-import-resolver-typescript": "~3.6.3",
     "eslint-plugin-mdx": "~3.1.5",
-    "eslint-plugin-react": "~7.37.1",
+    "eslint-plugin-react": "~7.37.2",
     "eslint-plugin-react-hooks": "5.0.0",
-    "eslint-plugin-storybook": "0.10.0--canary.156.ce8985b.0",
+    "eslint-plugin-storybook": "0.10.1",
     "handlebars": "4.7.8",
     "jest": "29.7.0",
     "jest-environment-jsdom": "29.7.0",
     "jest-junit": "16.0.0",
     "remark-frontmatter": "5.0.0",
     "remark-preset-lint-node": "5.1.2",
-    "storybook": "~8.3.0",
-    "stylelint": "16.9.0",
+    "storybook": "~8.3.6",
+    "stylelint": "16.10.0",
     "stylelint-config-standard": "36.0.1",
     "stylelint-order": "6.0.4",
     "stylelint-selector-bem-pattern": "4.0.1",

apps/site/util/downloadUtils.ts

@@ -1,3 +1,5 @@
+import type { JSX } from 'react';
+
 import type { PackageManager } from '@/types/release';
 import type { UserOS } from '@/types/userOS';