meta: adopt next-intl and app router (#6092)

* meta: adopt next-intl and app router

code: kept working on adoption of i18n

feat: app router transition

meta: renamed sections to containers due to fs casing

fix: force static

fix: minor fixes of build and caching

feat: metadata of each page

fix: tests and stuff

fix: tiny type fix

chore: updated link to guide

chore: intl on stories

chore: no usage of assert

refactor: some more cleanups on codebase

meta: some improvements and fixes

refactor: more code review changes

refactor: more standardisation next-intl

chore: minor changes to 404

refactor: code cleanup and reusability

fix: fixed tests and imports

chore: minor fixes and test updates

fix: sitemap generation and 404 ignore

chore: cleanup activelocalizedlink

chore: remove legacy sto-top

chore: more cleanups

chore: more cleanups

chore: use right import

chore: optimise generation of blog meta

chore: small cleanup

chore: updated collaborator guide

meta: provide server and client version of hooks

fix: tests imports

fix: styles of blogcard

* fix: fix eslint rules

---------

Co-authored-by: Claudio Wunder <[e-mail]>

.eslintrc.json

···
     {
       "files": ["**/*.md?(x)"],
       "extends": "plugin:mdx/recommended",
-      "rules": { "react/jsx-no-undef": "off" }
+      "rules": {
+        "react/jsx-no-undef": "off",
+        "@next/next/no-img-element": "off"
+      }
     },
     {
       "files": ["**/*.{mdx,tsx}"],

.storybook/preview.tsx

···
-import NextImage from 'next/image';
 import classNames from 'classnames';
+import { NextIntlClientProvider } from 'next-intl';
+
 import { withThemeByDataAttribute } from '@storybook/addon-themes';
-import { SiteProvider } from '../providers/siteProvider';
-import { LocaleProvider } from '../providers/localeProvider';
-import { NotificationProvider } from '../providers/notificationProvider';
-import * as constants from './constants';
+import { NotificationProvider } from '@/providers/notificationProvider';
+import {
+  OPEN_SANS_FONT,
+  IBM_PLEX_MONO_FONT,
+  STORYBOOK_MODES,
+  STORYBOOK_SIZES,
+} from '@/.storybook/constants';
 import type { Preview, ReactRenderer } from '@storybook/react';
 
+import englishLocale from '@/i18n/locales/en.json';
+
 import '../styles/new/index.css';
 
 const rootClasses = classNames(
-  constants.OPEN_SANS_FONT.variable,
-  constants.IBM_PLEX_MONO_FONT.variable,
+  OPEN_SANS_FONT.variable,
+  IBM_PLEX_MONO_FONT.variable,
   'font-open-sans'
 );
 
 const preview: Preview = {
   parameters: {
     nextjs: { router: { basePath: '' } },
-    chromatic: { modes: constants.STORYBOOK_MODES },
-    viewport: {
-      defaultViewport: 'large',
-      viewports: constants.STORYBOOK_SIZES,
-    },
+    chromatic: { modes: STORYBOOK_MODES },
+    viewport: { defaultViewport: 'large', viewports: STORYBOOK_SIZES },
   },
   // These are extra Storybook Decorators applied to all stories
   // that introduce extra functionality such as Theme Switching
   // and all the App's Providers (Site, Theme, Locale)
   decorators: [
     Story => (
-      <SiteProvider>
-        <LocaleProvider>
-          <NotificationProvider viewportClassName="absolute top-0 left-0 list-none">
-            <div className={rootClasses}>
-              <Story />
-            </div>
-          </NotificationProvider>
-        </LocaleProvider>
-      </SiteProvider>
+      <NextIntlClientProvider locale="en" messages={englishLocale}>
+        <NotificationProvider viewportClassName="absolute top-0 left-0 list-none">
+          <div className={rootClasses}>
+            <Story />
+          </div>
+        </NotificationProvider>
+      </NextIntlClientProvider>
     ),
     withThemeByDataAttribute<ReactRenderer>({
       themes: {

COLLABORATOR_GUIDE.md

···
 - [Tailwind][] is used as our CSS Framework and the Foundation of our Design System
 - [Hero Icons](https://heroicons.com/) is an SVG Icon Library used within our Codebase
 - [Radix UI][] is a collection of customizable UI components
-- [Shiki][] is a Syntax Highlighter used for our Codeboxes
-  - A [Rehype Plugin](https://rehype-pretty-code.netlify.app/) is used here for transforming `pre` and `code` tags into Syntax Highlighted Codeboxes
+- [Shikiji][] is a Syntax Highlighter used for our Codeboxes
+  - The syntax highlighting is done within the processing of the Markdown files with the MDX compiler as a Rehype plugin.
 - [MDX][] and Markdown are used for structuring the Content of the Website
 - [`react-intl`][] is the i18n Library adopted within the Website
 - [`next-sitemap`](https://www.npmjs.com/package/next-sitemap) is used for Sitemap and `robots.txt` Generation
···
 Besides that, MDX is also a pluggable parser built on top of `unified` which supports Rehype and Remark Plugins.
 MDX is becoming the standard for parsing human-content on React/Next.js-based Applications.
 
-Some of the plugins that we use include:
+**Some of the plugins that we use include:**
 
+- `remark-gfm`: Allows us to bring GitHub Flavoured Markdown within MDX
 - `remark-headings`: Generates Metadata for Markdown Headings
   - This allows us to build the Table of Contents for each Page, for example.
 - `rehype-autolink-headings`: Allows us to add Anchor Links to Markdown Headings
 - `rehype-slug`: Allows us to add IDs to Markdown Headings
-- `rehype-pretty-code`: Allows us to transform `pre` and `code` tags into Syntax Highlighted Codeboxes by using [Shiki][]
 
-#### Syntax Highlighting (Shiki) and Vercel
+#### Syntax Highlighting (Shikiji) and Vercel
 
-Since we use Incremental Static Rendering and Serverless Functions, Vercel attempts to simplify the bundled Node.js runtime by removing all unnecessary dependencies.
-This means that Shiki's Themes and Languages are not bundled by default.
+We use [Shikiji][] which is a refactor of the famous [Shiki](https://github.com/shikijs/shiki) syntax highlighter in ESM. We use it to support our native ESM-nature, and since Shiki is incompatible on serverless environments and Edge functions due of the need of Node's `fs`. Shikiji is definitely a nice port/rewrite of Shiki which supports our needs.
 
-Hence the `shiki.config.mjs` file, where we define our custom set of supported Languages and we bundle them directly by using [Shiki's Grammar Property](https://github.com/shikijs/shiki/blob/main/docs/languages.md#supporting-your-own-languages-with-shiki) which allows us to embed the languages directly.
+Shikiji is integrated on our workflow as a Reype Plugin, see the `next.mdx.shiki.mjs` file. We also use the `nord` theme for Shikiji and a subset of the supported languages as defined on the `shiki.config.mjs` file.
 
 ### Vercel
 
···
 [MDX]: https://mdxjs.com/
 [PostCSS]: https://postcss.org/
 [React]: https://react.dev/
-[Shiki]: https://github.com/shikijs/shiki
+[Shikiji]: https://github.com/antfu/shikiji
 [Tailwind]: https://tailwindcss.com/
 [Radix UI]: https://www.radix-ui.com/

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

···
+import { notFound } from 'next/navigation';
+import { unstable_setRequestLocale } from 'next-intl/server';
+import type { FC } from 'react';
+
+import { setClientContext } from '@/client-context';
+import { MDXRenderer } from '@/components/mdxRenderer';
+import { WithLayout } from '@/components/withLayout';
+import { DEFAULT_VIEWPORT, ENABLE_STATIC_EXPORT } from '@/next.constants.mjs';
+import { dynamicRouter } from '@/next.dynamic.mjs';
+import { availableLocaleCodes, defaultLocale } from '@/next.locales.mjs';
+import { MatterProvider } from '@/providers/matterProvider';
+
+type DynamicStaticPaths = { path: string[]; locale: string };
+type DynamicParams = { params: DynamicStaticPaths };
+
+// This is the default Viewport Metadata
+// @see https://nextjs.org/docs/app/api-reference/functions/generate-viewport
+export const viewport = DEFAULT_VIEWPORT;
+
+// This generates each page's HTML Metadata
+// @see https://nextjs.org/docs/app/api-reference/functions/generate-metadata
+export const generateMetadata = async (c: DynamicParams) => {
+  const { path = [], locale = defaultLocale.code } = c.params;
+
+  const pathname = dynamicRouter.getPathname(path);
+
+  // Retrieves and rewriting rule if the pathname matches any rule
+  const [, rewriteRule] = dynamicRouter.getRouteRewrite(pathname);
+
+  return dynamicRouter.getPageMetadata(
+    locale,
+    rewriteRule ? rewriteRule(pathname) : pathname
+  );
+};
+
+// This provides all the possible paths that can be generated statically
+// + provides all the paths that we support on the Node.js Website
+export const generateStaticParams = async () => {
+  const paths: DynamicStaticPaths[] = [];
+
+  // We don't need to compute all possible paths on regular builds
+  // as we benefit from Next.js's ISR (Incremental Static Regeneration)
+  if (!ENABLE_STATIC_EXPORT) {
+    return [];
+  }
+
+  for (const locale of availableLocaleCodes) {
+    const routesForLanguage = await dynamicRouter.getRoutesByLanguage(locale);
+
+    const mappedRoutesWithLocale = routesForLanguage.map(pathname =>
+      dynamicRouter.mapPathToRoute(locale, pathname)
+    );
+
+    paths.push(...mappedRoutesWithLocale);
+  }
+
+  return paths.sort();
+};
+
+// This method parses the current pathname and does any sort of modifications needed on the route
+// 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 { path = [], locale = defaultLocale.code } = params;
+
+  if (!availableLocaleCodes.includes(locale)) {
+    // Forces the current locale to be the Default Locale
+    unstable_setRequestLocale(defaultLocale.code);
+
+    return notFound();
+  }
+
+  // Configures the current Locale to be the given Locale of the Request
+  unstable_setRequestLocale(locale);
+
+  const pathname = dynamicRouter.getPathname(path);
+
+  if (dynamicRouter.shouldIgnoreRoute(pathname)) {
+    return notFound();
+  }
+
+  // Retrieves and rewriting rule if the pathname matches any rule
+  const [, rewriteRule] = dynamicRouter.getRouteRewrite(pathname);
+
+  // We retrieve the source of the Markdown file by doing an educated guess
+  // of what possible files could be the source of the page, since the extension
+  // context is lost from `getStaticProps` as a limitation of Next.js itself
+  const { source, filename } = await dynamicRouter.getMarkdownFile(
+    locale,
+    rewriteRule ? rewriteRule(pathname) : pathname
+  );
+
+  if (source.length && filename.length) {
+    // This parses the source Markdown content and returns a React Component and
+    // relevant context from the Markdown File
+    const { MDXContent, frontmatter, headings } =
+      await dynamicRouter.getMDXContent(source, filename);
+
+    // Defines a shared Server Context for the Client-Side
+    // That is shared for all pages under the dynamic router
+    setClientContext({ frontmatter, headings, pathname });
+
+    return (
+      <MatterProvider matter={frontmatter} headings={headings}>
+        <WithLayout layout={frontmatter.layout}>
+          <MDXRenderer Component={MDXContent} />
+        </WithLayout>
+      </MatterProvider>
+    );
+  }
+
+  return notFound();
+};
+
+// Enforce that all these routes are compatible with SSR
+export const dynamic = 'error';
+
+export default getPage;

app/[locale]/not-found.tsx

···
+import NotFound from '@/app/not-found';
+
+export default NotFound;

app/en/feed/[feed]/route.ts app/[locale]/feed/[feed]/route.ts

···
 
 import { generateWebsiteFeeds } from '@/next.data.mjs';
 import { blogData } from '@/next.json.mjs';
+import { defaultLocale } from '@/next.locales.mjs';
 
 // loads all the data from the blog-posts-data.json file
 const websiteFeeds = generateWebsiteFeeds(blogData);
···
 // Note that differently from the App Router these don't get built at the build time
 // only if the export is already set for static export
 export const generateStaticParams = () =>
-  [...websiteFeeds.keys()].map(feed => ({ feed }));
+  [...websiteFeeds.keys()].map(feed => ({ feed, locale: defaultLocale.code }));
 
 // Enforces that this route is used as static rendering
 // @see https://nextjs.org/docs/app/api-reference/file-conventions/route-segment-config#dynamic

app/layout.tsx

···
+import { Analytics } from '@vercel/analytics/react';
+import { Source_Sans_3 } from 'next/font/google';
+import { useLocale } from 'next-intl';
+import type { FC, PropsWithChildren } from 'react';
+
+import BaseLayout from '@/layouts/BaseLayout';
+import { VERCEL_ENV } from '@/next.constants.mjs';
+import { availableLocalesMap, defaultLocale } from '@/next.locales.mjs';
+import { LocaleProvider } from '@/providers/localeProvider';
+import { ThemeProvider } from '@/providers/themeProvider';
+
+import '@/styles/old/index.css';
+
+const sourceSans = Source_Sans_3({
+  weight: ['400', '600'],
+  display: 'fallback',
+  subsets: ['latin'],
+});
+
+const RootLayout: FC<PropsWithChildren> = ({ children }) => {
+  const locale = useLocale();
+
+  const { langDir, hrefLang } = availableLocalesMap[locale] || defaultLocale;
+
+  return (
+    <html className={sourceSans.className} dir={langDir} lang={hrefLang}>
+      <body>
+        <LocaleProvider>
+          <ThemeProvider>
+            <BaseLayout>{children}</BaseLayout>
+          </ThemeProvider>
+        </LocaleProvider>
+
+        {VERCEL_ENV && <Analytics />}
+
+        <a rel="me" href="https://social.lfx.dev/@nodejs" />
+      </body>
+    </html>
+  );
+};
+
+export default RootLayout;

app/not-found.tsx

···
+import { useTranslations } from 'next-intl';
+import type { FC } from 'react';
+
+const NotFound: FC = () => {
+  const t = useTranslations();
+
+  return (
+    <div className="container">
+      <h2>{t('pages.404.title')}</h2>
+      <h3>{t('pages.404.description')}</h3>
+    </div>
+  );
+};
+
+// This is a fallback Not Found Page that in theory should never be requested
+export const dynamic = 'force-dynamic';
+
+export default NotFound;

app/sitemap.ts

···
 import type { MetadataRoute } from 'next';
 
 import {
-  STATIC_ROUTES_IGNORES,
-  DYNAMIC_GENERATED_ROUTES,
   BASE_PATH,
   BASE_URL,
   EXTERNAL_LINKS_SITEMAP,
 } from '@/next.constants.mjs';
-import { allPaths } from '@/next.dynamic.mjs';
-import { defaultLocale } from '@/next.locales.mjs';
+import { dynamicRouter } from '@/next.dynamic.mjs';
+import { availableLocaleCodes } from '@/next.locales.mjs';
 
 // This is the combination of the Application Base URL and Base PATH
 const baseUrlAndPath = `${BASE_URL}${BASE_PATH}`;
···
 // This allows us to generate a `sitemap.xml` file dynamically based on the needs of the Node.js Website
 // Next.js Sitemap Generation doesn't support `alternate` refs yet
 // @see https://github.com/vercel/next.js/discussions/55646
-const sitemap = (): MetadataRoute.Sitemap => {
-  // Retrieves all the dynamic generated paths
-  const dynamicRoutes = DYNAMIC_GENERATED_ROUTES();
+const sitemap = async (): Promise<MetadataRoute.Sitemap> => {
+  const paths: string[] = [];
 
-  // Retrieves all the static paths for the default locale (English)
-  // and filter out the routes that should be ignored
-  const staticPaths = [...allPaths.get(defaultLocale.code)!]
-    .filter(route => STATIC_ROUTES_IGNORES.every(e => !e(route)))
-    .map(route => route.routeWithLocale);
+  for (const locale of availableLocaleCodes) {
+    const routesForLanguage = await dynamicRouter.getRoutesByLanguage(locale);
+
+    paths.push(...routesForLanguage.map(route => `${locale}/${route}`));
+  }
 
-  // The current date of this request
   const currentDate = new Date().toISOString();
 
-  const appRoutes = [...dynamicRoutes, ...staticPaths]
-    .sort()
-    .map(route => `${baseUrlAndPath}/${route}`);
+  const appRoutes = paths.sort().map(route => `${baseUrlAndPath}/${route}`);
 
   return [...appRoutes, ...EXTERNAL_LINKS_SITEMAP].map(route => ({
     url: route,

client-context.ts

···
+import { cache } from 'react';
+
+import type { ClientSharedServerContext } from './types';
+
+// This allows us to have Server-Side Context's of the shared "contextual" data
+// which includes the frontmatter, the current pathname from the dynamic segments
+// and the current headings of the current markdown context
+export const getClientContext = cache(() => {
+  const serverSharedContext: ClientSharedServerContext = {
+    frontmatter: {},
+    pathname: '',
+    headings: [],
+  };
+
+  return serverSharedContext;
+});
+
+// This is used by the dynamic router to define on the request
+// the current set of information we use (shared)
+export const setClientContext = (data: ClientSharedServerContext) => {
+  getClientContext().frontmatter = data.frontmatter;
+  getClientContext().pathname = data.pathname;
+  getClientContext().headings = data.headings;
+};

components/Common/ActiveLocalizedLink/__tests__/index.test.mjs

···
 import { render, screen } from '@testing-library/react';
-import { IntlProvider } from 'react-intl';
 
 import ActiveLocalizedLink from '..';
 
 describe('ActiveLocalizedLink', () => {
   it('renders as localized link', () => {
     render(
-      <IntlProvider locale="en" onError={() => {}}>
-        <ActiveLocalizedLink
-          className="link"
-          activeClassName="active"
-          href="/link"
-        >
-          Link
-        </ActiveLocalizedLink>
-      </IntlProvider>
+      <ActiveLocalizedLink
+        className="link"
+        activeClassName="active"
+        href="/link"
+      >
+        Link
+      </ActiveLocalizedLink>
     );
 
     expect(screen.findByText('Link')).resolves.toHaveAttribute(
···
 
   it('ignores active class when href not matches location.href', () => {
     render(
-      <IntlProvider locale="en" onError={() => {}}>
-        <ActiveLocalizedLink
-          className="link"
-          activeClassName="active"
-          href="/not-link"
-        >
-          Link
-        </ActiveLocalizedLink>
-      </IntlProvider>
+      <ActiveLocalizedLink
+        className="link"
+        activeClassName="active"
+        href="/not-link"
+      >
+        Link
+      </ActiveLocalizedLink>
     );
 
     expect(screen.findByText('Link')).resolves.toHaveAttribute('class', 'link');
···
 
   it('sets active class when href matches location.href', () => {
     render(
-      <IntlProvider locale="en" onError={() => {}}>
-        <ActiveLocalizedLink
-          className="link"
-          activeClassName="active"
-          href="/link"
-        >
-          Link
-        </ActiveLocalizedLink>
-      </IntlProvider>
+      <ActiveLocalizedLink
+        className="link"
+        activeClassName="active"
+        href="/link"
+      >
+        Link
+      </ActiveLocalizedLink>
     );
 
     expect(screen.findByText('Link')).resolves.toHaveAttribute(

components/Common/ActiveLocalizedLink/index.tsx

···
+'use client';
+
 import classNames from 'classnames';
-import type Link from 'next/link';
-import { useRouter } from 'next/router';
-import { useState, useEffect } from 'react';
 import type { ComponentProps, FC } from 'react';
 
-import LocalizedLink from '@/components/LocalizedLink';
+import { Link, usePathname } from '@/navigation.mjs';
 
 type ActiveLocalizedLinkProps = ComponentProps<typeof Link> & {
   activeClassName: string;
···
   children,
   activeClassName,
   className,
+  href = '',
   ...props
 }) => {
-  const { asPath, isReady } = useRouter();
-
-  const [computedClassName, setComputedClassName] = useState(className);
-
-  useEffect(() => {
-    // Check if the router fields are updated client-side
-    if (isReady) {
-      const currentHref = (props.as || props.href).toString();
-
-      // Dynamic route will be matched via props.as
-      // Static route will be matched via props.href
-      const linkURL = new URL(currentHref, location.href);
-
-      // Using URL().pathname to get rid of query and hash
-      const currentPathName = new URL(asPath, location.href).pathname;
+  const pathname = usePathname();
 
-      const newClassName = classNames(className, {
-        [activeClassName]: linkURL.pathname === currentPathName,
-      });
+  const linkURL = new URL(href.toString(), location.href);
 
-      if (newClassName !== computedClassName) {
-        setComputedClassName(newClassName);
-      }
-    }
-  }, [
-    asPath,
-    isReady,
-    props.as,
-    props.href,
-    activeClassName,
-    className,
-    computedClassName,
-  ]);
+  const finalClassName = classNames(className, {
+    [activeClassName]: linkURL.pathname === pathname,
+  });
 
   return (
-    <LocalizedLink className={computedClassName} {...props}>
+    <Link className={finalClassName} href={href} {...props}>
       {children}
-    </LocalizedLink>
+    </Link>
   );
 };
 

components/Common/Badge/index.tsx

···
 import ArrowRightIcon from '@heroicons/react/24/solid/ArrowRightIcon';
-import type Link from 'next/link';
 import type { ComponentProps, FC, PropsWithChildren } from 'react';
 
-import LocalizedLink from '@/components/LocalizedLink';
+import { Link } from '@/navigation.mjs';
 
 import styles from './index.module.css';
 
···
   children,
   ...args
 }) => (
-  <LocalizedLink className={`${styles.wrapper} ${styles[kind]}`} {...args}>
+  <Link className={`${styles.wrapper} ${styles[kind]}`} {...args}>
     {badgeText && <span className={styles.badge}>{badgeText}</span>}
     <span className={styles.message}>{children}</span>
     <ArrowRightIcon className={styles.icon} />
-  </LocalizedLink>
+  </Link>
 );
 
 export default Badge;

components/Common/Banner/index.tsx

···
 import { ArrowUpRightIcon } from '@heroicons/react/24/outline';
 import type { FC } from 'react';
 
-import LocalizedLink from '@/components/LocalizedLink';
+import { Link } from '@/navigation.mjs';
 
 import styles from './index.module.css';
 
···
 
 const Banner: FC<BannerProps> = ({ type, text, url = '' }) => (
   <div className={`${styles.banner} ${styles[type] || styles.default}`}>
-    {(url.length > 0 && <LocalizedLink href={url}>{text}</LocalizedLink>) ||
-      text}
+    {(url.length > 0 && <Link href={url}>{text}</Link>) || text}
     {url.length > 0 && <ArrowUpRightIcon />}
   </div>
 );

components/Common/BlogPostCard/__tests__/index.test.mjs

···
 import { render, screen } from '@testing-library/react';
 
 import BlogPostCard from '@/components/Common/BlogPostCard';
-import { LocaleProvider } from '@/providers/localeProvider';
 
 function renderBlogPostCard({
   title = 'Blog post title',
···
   date = new Date(),
 }) {
   render(
-    <LocaleProvider>
-      <BlogPostCard
-        title={title}
-        type={type}
-        description={description}
-        authors={authors}
-        date={date}
-      />
-    </LocaleProvider>
+    <BlogPostCard
+      title={title}
+      type={type}
+      description={description}
+      authors={authors}
+      date={date}
+    />
   );
 
   return { title, type, description, authors, date };
···
     });
 
     it.each([
-      { label: 'Vulnerabilities', type: 'vulnerability' },
-      { label: 'Announcements', type: 'announcement' },
-      { label: 'Releases', type: 'release' },
+      { label: 'components.common.card.vulnerability', type: 'vulnerability' },
+      { label: 'components.common.card.announcement', type: 'announcement' },
+      { label: 'components.common.card.release', type: 'release' },
     ])(
       'Renders "%label" text when passing it the type "%type"',
       ({ label, type }) => {
···
 
       renderBlogPostCard({ date });
 
-      const dateTimeFormat = new Intl.DateTimeFormat(navigator.language, {
+      const dateTimeFormat = new Intl.DateTimeFormat('en-US', {
         day: 'numeric',
         month: 'short',
         year: 'numeric',

components/Common/BlogPostCard/index.module.css

···
 }
 
 .author {
-  @apply text-sm
-    font-semibold
-    text-neutral-900
-    dark:text-white;
-}
+  p {
+    @apply text-sm
+      font-semibold
+      text-neutral-900
+      dark:text-white;
+  }
 
-.date {
-  @apply text-sm
-    text-neutral-800
-    dark:text-neutral-200;
+  time {
+    @apply text-sm
+      text-neutral-800
+      dark:text-neutral-200;
+  }
 }

components/Common/BlogPostCard/index.tsx

···
+import { useTranslations } from 'next-intl';
 import { useMemo } from 'react';
 import type { ComponentProps, FC } from 'react';
-import { FormattedMessage } from 'react-intl';
 
 import AvatarGroup from '@/components/Common/AvatarGroup';
 import Preview from '@/components/Common/Preview';
+import { Time } from '@/components/Common/Time';
 
 import styles from './index.module.css';
-
-const dateTimeFormat = new Intl.DateTimeFormat(navigator.language, {
-  day: 'numeric',
-  month: 'short',
-  year: 'numeric',
-});
 
 type Author = {
   fullName: string;
···
   authors,
   date,
 }) => {
+  const t = useTranslations();
+
   const avatars = useMemo(
     () =>
       authors.map(({ fullName, src }) => ({
···
     [authors]
   );
 
-  const formattedDate = useMemo(
-    () => ({
-      ISOString: date.toISOString(),
-      short: dateTimeFormat.format(date),
-    }),
-    [date]
-  );
-
   return (
     <article className={styles.container}>
       <Preview
···
         height="auto"
         className={styles.preview}
       />
-      <p className={styles.subtitle}>
-        <FormattedMessage id={`components.common.card.${type}`} />
-      </p>
+      <p className={styles.subtitle}>{t(`components.common.card.${type}`)}</p>
       <p aria-hidden="true" className={styles.title}>
         {title}
       </p>
       <p className={styles.description}>{description}</p>
       <footer className={styles.footer}>
         <AvatarGroup avatars={avatars} />
-        <div>
-          <p className={styles.author}>{avatars.join(', ')}</p>
-          <time className={styles.date} dateTime={formattedDate.ISOString}>
-            {formattedDate.short}
-          </time>
+        <div className={styles.author}>
+          <p>{avatars.join(', ')}</p>
+
+          <Time
+            date={date}
+            format={{ day: 'numeric', month: 'short', year: 'numeric' }}
+          />
         </div>
       </footer>
     </article>

components/Common/Breadcrumbs/BreadcrumbHomeLink/index.tsx

···
 import HomeIcon from '@heroicons/react/24/outline/HomeIcon';
+import { useTranslations } from 'next-intl';
 import type { ComponentProps, FC } from 'react';
-import { useIntl } from 'react-intl';
 
 import BreadcrumbLink from '@/components/Common/Breadcrumbs/BreadcrumbLink';
 
···
   href = '/',
   ...props
 }) => {
-  const { formatMessage } = useIntl();
+  const t = useTranslations();
 
-  const navigateToHome = formatMessage({
-    id: 'components.common.breadcrumbs.navigateToHome',
-  });
+  const navigateToHome = t('components.common.breadcrumbs.navigateToHome');
 
   return (
     <BreadcrumbLink href={href} {...props}>

components/Common/Breadcrumbs/BreadcrumbLink/index.tsx

···
 import classNames from 'classnames';
 import type { ComponentProps, FC } from 'react';
 
-import LocalizedLink from '@/components/LocalizedLink';
+import { Link } from '@/navigation.mjs';
 
 import styles from './index.module.css';
 
 type BreadcrumbLinkProps = {
   active?: boolean;
-} & ComponentProps<typeof LocalizedLink>;
+} & ComponentProps<typeof Link>;
 
 const BreadcrumbLink: FC<BreadcrumbLinkProps> = ({
   href,
   active,
   ...props
 }) => (
-  <LocalizedLink
+  <Link
     itemScope
     itemType="http://schema.org/Thing"
     itemProp="item"
···
     {...props}
   >
     <span itemProp="name">{props.children}</span>
-  </LocalizedLink>
+  </Link>
 );
 
 export default BreadcrumbLink;

components/Common/CrossLink/index.tsx

···
 import classNames from 'classnames';
+import { useTranslations } from 'next-intl';
 import type { FC } from 'react';
-import { FormattedMessage } from 'react-intl';
 
 import PrevNextArrow from '@/components/Common/PrevNextArrow';
-import LocalizedLink from '@/components/LocalizedLink';
+import { Link } from '@/navigation.mjs';
 
 import styles from './index.module.css';
 
···
   url: string;
 };
 
-const CrossLink: FC<CrossLinkProps> = ({ type, text, url }) => (
-  <LocalizedLink className={styles.crossLink} href={url}>
-    <span
-      className={classNames(styles.header, {
-        [styles.reverse]: type === 'next',
-      })}
-    >
-      <PrevNextArrow className={styles.icon} type={type} />
-      <FormattedMessage id={`components.common.crossLink.${type}`} />
-    </span>
+const CrossLink: FC<CrossLinkProps> = ({ type, text, url }) => {
+  const t = useTranslations();
 
-    <span
-      className={classNames(styles.content, {
-        [styles.reverse]: type === 'next',
-      })}
-    >
-      {text}
-    </span>
-  </LocalizedLink>
-);
+  return (
+    <Link className={styles.crossLink} href={url}>
+      <span
+        className={classNames(styles.header, {
+          [styles.reverse]: type === 'next',
+        })}
+      >
+        <PrevNextArrow className={styles.icon} type={type} />
+        {t(`components.common.crossLink.${type}`)}
+      </span>
+
+      <span
+        className={classNames(styles.content, {
+          [styles.reverse]: type === 'next',
+        })}
+      >
+        {text}
+      </span>
+    </Link>
+  );
+};
 
 export default CrossLink;

components/Common/LanguageDropDown/index.tsx

···
 import { LanguageIcon } from '@heroicons/react/24/outline';
 import * as DropdownMenu from '@radix-ui/react-dropdown-menu';
 import classNames from 'classnames';
+import { useTranslations } from 'next-intl';
 import type { FC } from 'react';
-import { useIntl } from 'react-intl';
 
 import type { LocaleConfig } from '@/types';
 
···
   currentLanguage,
   availableLanguages,
 }) => {
-  const { formatMessage } = useIntl();
+  const t = useTranslations();
 
-  const ariaLabel = formatMessage({
-    id: 'components.common.languageDropdown.label',
-  });
+  const ariaLabel = t('components.common.languageDropdown.label');
 
   return (
     <DropdownMenu.Root>

components/Common/MetaBar/index.stories.tsx

···
 import { CodeBracketIcon } from '@heroicons/react/24/outline';
 import type { Meta as MetaObj, StoryObj } from '@storybook/react';
 import Image from 'next/image';
-import { FormattedMessage } from 'react-intl';
 
 import AvatarGroup from '@/components/Common/AvatarGroup';
 import MetaBar from '@/components/Common/MetaBar';
-import LocalizedLink from '@/components/LocalizedLink';
+import { Link } from '@/navigation.mjs';
 
 type Story = StoryObj<typeof MetaBar>;
 type Meta = MetaObj<typeof MetaBar>;
···
             height={16}
             data-on-dark
           />
-          <LocalizedLink href="/contribute">
-            <FormattedMessage id="components.metabar.contributeText" />
-          </LocalizedLink>
+          <Link href="/contribute">Edit this page</Link>
         </>
       ),
       'components.metabar.viewAs': (
         <>
           <CodeBracketIcon />
-          <LocalizedLink href="/json">JSON</LocalizedLink>
+          <Link href="/json">JSON</Link>
         </>
       ),
     },

components/Common/MetaBar/index.tsx

···
 import type { Heading } from '@vcarl/remark-headings';
+import { useTranslations } from 'next-intl';
 import { Fragment, useMemo } from 'react';
 import type { FC } from 'react';
-import { FormattedMessage } from 'react-intl';
 
-import LocalizedLink from '@/components/LocalizedLink';
+import { Link } from '@/navigation.mjs';
 
 import styles from './index.module.css';
 
···
 };
 
 const MetaBar: FC<MetaBarProps> = ({ items, headings }) => {
+  const t = useTranslations();
+
   // The default depth of headings to display in the table of contents.
   const { depth = 2, items: headingItems = [] } = headings || {};
 
···
       <dl>
         {Object.entries(items).map(([key, value]) => (
           <Fragment key={key}>
-            <dt>
-              <FormattedMessage id={key} />
-            </dt>
+            <dt>{t(key)}</dt>
             <dd>{value}</dd>
           </Fragment>
         ))}
         {heading.length > 0 && (
           <Fragment key="tableOfContents">
-            <dt>
-              <FormattedMessage id="components.metabar.tableOfContents" />
-            </dt>
+            <dt>{t('components.metabar.tableOfContents')}</dt>
             <dd>
               <ol>
                 {heading.map(head => (
                   <li key={head.value}>
-                    <LocalizedLink href={`#${head?.data?.id || head.value}`}>
+                    <Link href={`#${head?.data?.id || head.value}`}>
                       {head.value}
-                    </LocalizedLink>
+                    </Link>
                   </li>
                 ))}
               </ol>

components/Common/Notification/index.stories.tsx

···
 import { CodeBracketIcon } from '@heroicons/react/24/solid';
 import type { Meta as MetaObj, StoryObj } from '@storybook/react';
-import { FormattedMessage } from 'react-intl';
 
 import Notification from '@/components/Common/Notification';
 
···
     children: (
       <div className="flex items-center gap-3">
         <CodeBracketIcon className="h-4 w-4" />
-        <FormattedMessage id="components.common.codebox.copied" />
+        Copied to clipboard!
       </div>
     ),
   },

components/Common/Pagination/PaginationListItem/__tests__/index.test.mjs

···
 import { render, screen } from '@testing-library/react';
 
 import PaginationListItem from '@/components/Common/Pagination/PaginationListItem';
-import { LocaleProvider } from '@/providers/localeProvider';
 
 function renderPaginationListItem({
   url,
···
   totalPages,
 }) {
   render(
-    <LocaleProvider>
-      <PaginationListItem
-        url={url}
-        pageNumber={pageNumber}
-        currentPage={currentPage}
-        totalPages={totalPages}
-      />
-    </LocaleProvider>
+    <PaginationListItem
+      url={url}
+      pageNumber={pageNumber}
+      currentPage={currentPage}
+      totalPages={totalPages}
+    />
   );
 }
 

components/Common/Pagination/PaginationListItem/index.tsx

···
+import { useTranslations } from 'next-intl';
 import type { FC } from 'react';
-import { useIntl } from 'react-intl';
 
-import LocalizedLink from '@/components/LocalizedLink';
+import { Link } from '@/navigation.mjs';
 
 import styles from './index.module.css';
 
···
   currentPage,
   totalPages,
 }) => {
-  const { formatMessage } = useIntl();
+  const t = useTranslations();
 
   return (
     <li key={pageNumber} aria-setsize={totalPages} aria-posinset={pageNumber}>
-      <LocalizedLink
+      <Link
         href={url}
-        aria-label={formatMessage(
-          { id: 'components.common.pagination.pageLabel' },
-          { pageNumber }
-        )}
+        aria-label={t('components.common.pagination.pageLabel', { pageNumber })}
         className={styles.listItem}
         {...(pageNumber === currentPage && { 'aria-current': 'page' })}
       >
         <span>{pageNumber}</span>
-      </LocalizedLink>
+      </Link>
     </li>
   );
 };

components/Common/Pagination/__tests__/index.test.mjs

···
 import { render, screen } from '@testing-library/react';
 
 import Pagination from '@/components/Common/Pagination';
-import { LocaleProvider } from '@/providers/localeProvider';
 
 function renderPagination({
   currentPage = 1,
···
     .map(item => ({ url: `${item.url}-${Math.random()}` }));
 
   render(
-    <LocaleProvider>
-      <Pagination
-        currentPage={currentPage}
-        pages={parsedPages}
-        currentPageSiblingsCount={currentPageSiblingsCount}
-      />
-    </LocaleProvider>
+    <Pagination
+      currentPage={currentPage}
+      pages={parsedPages}
+      currentPageSiblingsCount={currentPageSiblingsCount}
+    />
   );
 
   return {
···
 
       expect(screen.getByRole('navigation')).toBeVisible();
 
-      expect(screen.getByRole('button', { name: /prev/i })).toBeVisible();
+      expect(
+        screen.getByRole('button', {
+          name: 'components.common.pagination.prevAriaLabel',
+        })
+      ).toBeVisible();
 
-      expect(screen.getByRole('button', { name: /next/i })).toBeVisible();
+      expect(
+        screen.getByRole('button', {
+          name: 'components.common.pagination.nextAriaLabel',
+        })
+      ).toBeVisible();
     });
 
     it('Renders the passed pages and current page', () => {
···
         pages: 2,
       });
 
-      expect(screen.getByRole('button', { name: /prev/i })).toBeDisabled();
+      expect(
+        screen.getByRole('button', {
+          name: 'components.common.pagination.prevAriaLabel',
+        })
+      ).toBeDisabled();
     });
 
     it('Disables "Next" button when the currentPage is equal to the last page', () => {
···
         pages: 2,
       });
 
-      expect(screen.getByRole('button', { name: /next/i })).toBeDisabled();
+      expect(
+        screen.getByRole('button', {
+          name: 'components.common.pagination.nextAriaLabel',
+        })
+      ).toBeDisabled();
     });
   });
 });

components/Common/Pagination/index.tsx

···
 import { ArrowRightIcon, ArrowLeftIcon } from '@heroicons/react/20/solid';
+import { useTranslations } from 'next-intl';
 import type { FC } from 'react';
-import { FormattedMessage, useIntl } from 'react-intl';
 
 import Button from '@/components/Common/Button';
 import { useGetPageElements } from '@/components/Common/Pagination/useGetPageElements';
···
   pages,
   currentPageSiblingsCount = 1,
 }) => {
-  const { formatMessage } = useIntl();
+  const t = useTranslations();
 
   const parsedPages = useGetPageElements(
     currentPage,
···
 
   return (
     <nav
-      aria-label={formatMessage({
-        id: 'components.common.pagination.defaultLabel',
-      })}
+      aria-label={t('components.common.pagination.defaultLabel')}
       className={styles.pagination}
     >
       <Button
         type="button"
-        aria-label={formatMessage({
-          id: 'components.common.pagination.prevAriaLabel',
-        })}
+        aria-label={t('components.common.pagination.prevAriaLabel')}
         disabled={currentPage === 1}
         variant="secondary"
         className={styles.previousButton}
       >
         <ArrowLeftIcon className={styles.arrowIcon} />
-        <FormattedMessage
-          id="components.common.pagination.prev"
-          tagName="span"
-        />
+        <span>{t('components.common.pagination.prev')}</span>
       </Button>
       <ol className={styles.list}>{parsedPages}</ol>
       <Button
         type="button"
-        aria-label={formatMessage({
-          id: 'components.common.pagination.nextAriaLabel',
-        })}
+        aria-label={t('components.common.pagination.nextAriaLabel')}
         disabled={currentPage === pages.length}
         variant="secondary"
         className={styles.nextButton}
       >
-        <FormattedMessage
-          id="components.common.pagination.next"
-          tagName="span"
-        />
+        <span>{t('components.common.pagination.next')}</span>
         <ArrowRightIcon className={styles.arrowIcon} />
       </Button>
     </nav>

components/Common/Preview/index.tsx

···
 import Image from 'next/image';
 import type { CSSProperties, ComponentProps, FC, ReactNode } from 'react';
 
-import { useRouter } from '@/hooks/useRouter';
+import { BASE_PATH } from '@/next.constants.mjs';
 
 import styles from './index.module.css';
 
···
   height = 630,
   width = 1200,
   ...props
-}) => {
-  const { basePath } = useRouter();
-
-  return (
-    <div
-      {...props}
-      style={{ width, height, ...props.style }}
-      className={classNames(styles.root, styles[type], props.className)}
-    >
-      <div className={styles.container}>
-        <Image
-          className={styles.logo}
-          priority
-          width="71"
-          height="80"
-          src={`${basePath}/static/images/logos/js-white.svg`}
-          alt="Node.js"
-        />
-        <h2>{title}</h2>
-      </div>
+}) => (
+  <div
+    {...props}
+    style={{ width, height, ...props.style }}
+    className={classNames(styles.root, styles[type], props.className)}
+  >
+    <div className={styles.container}>
+      <Image
+        className={styles.logo}
+        priority
+        width="71"
+        height="80"
+        src={`${BASE_PATH}/static/images/logos/js-white.svg`}
+        alt="Node.js"
+      />
+      <h2>{title}</h2>
     </div>
-  );
-};
+  </div>
+);
 
 export default Preview;

components/Common/ThemeToggle/__tests__/index.test.mjs

···
 import { render, screen } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
 
-import { LocaleProvider } from '@/providers/localeProvider';
-
 import ThemeToggle from '../';
 
 let mockCurrentTheme = 'light';
···
   beforeEach(() => {
     mockCurrentTheme = 'light';
 
-    render(
-      <LocaleProvider>
-        <ThemeToggle onClick={toggleTheme} />
-      </LocaleProvider>
-    );
+    render(<ThemeToggle onClick={toggleTheme} />);
     toggle = screen.getByRole('button');
   });
 

components/Common/ThemeToggle/index.tsx

···
 import { MoonIcon, SunIcon } from '@heroicons/react/24/outline';
+import { useTranslations } from 'next-intl';
 import type { FC, MouseEvent } from 'react';
-import { useIntl } from 'react-intl';
 
 import styles from './index.module.css';
 
···
 };
 
 const ThemeToggle: FC<ThemeToggleProps> = ({ onClick = () => {} }) => {
-  const { formatMessage } = useIntl();
+  const t = useTranslations();
 
-  const ariaLabel = formatMessage({
-    id: 'components.header.buttons.toggleDarkMode',
-  });
+  const ariaLabel = t('components.header.buttons.toggleDarkMode');
 
   return (
     <button

components/Common/Time/index.tsx

···
+import type { DateTimeFormatOptions } from 'next-intl';
+import { useFormatter } from 'next-intl';
 import type { FC } from 'react';
 import { useMemo } from 'react';
-import { FormattedDate } from 'react-intl';
 
-type TimeProps = { date: string | Date; format: Intl.DateTimeFormatOptions };
+type TimeProps = { date: string | Date; format: DateTimeFormatOptions };
 
 export const Time: FC<TimeProps> = ({ date, format }) => {
+  const formatter = useFormatter();
+
   const dateObject = useMemo(() => new Date(date), [date]);
 
   return (
     <time dateTime={dateObject.toISOString()}>
-      <FormattedDate value={dateObject} {...format} timeZone="UTC" />
+      {formatter.dateTime(dateObject, format)}
     </time>
   );
 };

components/Docs/NodeApiVersionLinks.tsx

···
-import { useMemo } from 'react';
-
-import { useNodeReleases } from '@/hooks/useNodeReleases';
 import { DOCS_URL } from '@/next.constants.mjs';
+import { releaseData } from '@/next.json.mjs';
 
 const NodeApiVersionLinks = () => {
-  const { releases } = useNodeReleases();
-
-  const mappedReleases = useMemo(
-    () =>
-      // Gets all major releases without the 0x release as those are divided on 0.12x and 0.10x
-      releases.slice(0, -1).map(({ major }) => (
-        <li key={major}>
-          <a href={`${DOCS_URL}latest-v${major}.x/api/`}>Node.js {major}.x</a>
-        </li>
-      )),
-    [releases]
-  );
+  // Gets all major releases without the 0x release as those are divided on 0.12x and 0.10x
+  const mappedReleases = releaseData.slice(0, -1).map(({ major }) => (
+    <li key={major}>
+      <a href={`${DOCS_URL}latest-v${major}.x/api/`}>Node.js {major}.x</a>
+    </li>
+  ));
 
   return (
     <ul>

components/Downloads/DownloadList.tsx

···
+import { useTranslations } from 'next-intl';
 import type { FC } from 'react';
-import { FormattedMessage } from 'react-intl';
 
-import LocalizedLink from '@/components/LocalizedLink';
-import { useNavigation } from '@/hooks/useNavigation';
+import { useSiteNavigation } from '@/hooks/server';
+import { Link } from '@/navigation.mjs';
 import type { NodeRelease } from '@/types';
 
 const DownloadList: FC<NodeRelease> = ({ versionWithPrefix }) => {
-  const { getSideNavigation } = useNavigation();
+  const t = useTranslations();
+
+  const { getSideNavigation } = useSiteNavigation();
 
   const [, ...downloadNavigation] = getSideNavigation('download', {
     shaSums: { nodeVersion: versionWithPrefix },
···
       <ul>
         {downloadNavigation.map((item, key) => (
           <li key={key}>
-            <LocalizedLink href={item.link}>{item.text}</LocalizedLink>
+            <Link href={item.link}>{item.text}</Link>
             {item.key === 'shaSums' && (
               <a href="https://github.com/nodejs/node#verifying-binaries">
-                <FormattedMessage id="components.downloadList.links.shaSums.howToVerify" />
+                {t('components.downloadList.links.shaSums.howToVerify')}
               </a>
             )}
           </li>

components/Downloads/DownloadReleasesTable.tsx

···
+import { useTranslations } from 'next-intl';
 import type { FC } from 'react';
-import { FormattedMessage } from 'react-intl';
 
-import { useNodeReleases } from '@/hooks/useNodeReleases';
+import { releaseData } from '@/next.json.mjs';
 import { getNodeApiLink } from '@/util/getNodeApiLink';
 import { getNodejsChangelog } from '@/util/getNodeJsChangelog';
 
 const DownloadReleasesTable: FC = () => {
-  const { releases } = useNodeReleases();
+  const t = useTranslations();
 
   return (
     <table id="tbVersions" className="download-table full-width">
···
         </tr>
       </thead>
       <tbody>
-        {releases.map(release => (
+        {releaseData.map(release => (
           <tr key={release.major}>
             <td data-label="Version">Node.js {release.version}</td>
             <td data-label="LTS">{release.codename}</td>
···
               <a
                 href={`https://nodejs.org/download/release/${release.versionWithPrefix}`}
               >
-                <FormattedMessage id="components.downloadReleasesTable.releases" />
+                {t('components.downloadReleasesTable.releases')}
               </a>
               <a href={getNodejsChangelog(release.versionWithPrefix)}>
-                <FormattedMessage id="components.downloadReleasesTable.changelog" />
+                {t('components.downloadReleasesTable.changelog')}
               </a>
               <a href={getNodeApiLink(release.versionWithPrefix)}>
-                <FormattedMessage id="components.downloadReleasesTable.docs" />
+                {t('components.downloadReleasesTable.docs')}
               </a>
             </td>
           </tr>

components/Downloads/PrimaryDownloadMatrix.tsx

···
+'use client';
+
 import classNames from 'classnames';
 import type { FC } from 'react';
 import semVer from 'semver';
 
-import LocalizedLink from '@/components/LocalizedLink';
-import { useDetectOS } from '@/hooks/useDetectOS';
-import { useLayoutContext } from '@/hooks/useLayoutContext';
+import { WithCurrentOS } from '@/components/withCurrentOS';
+import { useClientContext } from '@/hooks';
+import { Link } from '@/navigation.mjs';
 import { DIST_URL } from '@/next.constants.mjs';
-import type { LegacyDownloadsFrontMatter, NodeRelease } from '@/types';
+import type { NodeRelease } from '@/types';
 
-// @TODO: Instead of using a static list it should be created dynamically. This is done on `nodejs.dev`
-// since this is a temporary solution and going to be fixed in the future.
+// @TODO: Legacy Component to be removed in the Website Redesign
 const PrimaryDownloadMatrix: FC<NodeRelease> = ({
   version,
   versionWithPrefix,
   isLts,
   npm,
 }) => {
-  const { frontMatter } = useLayoutContext();
+  const {
+    frontmatter: { downloads },
+  } = useClientContext();
 
-  const { bitness } = useDetectOS();
-
-  const { downloads } = frontMatter as LegacyDownloadsFrontMatter;
   const hasWindowsArm64 = semVer.satisfies(version, '>= 19.9.0');
 
   const getIsVersionClassName = (isCurrent: boolean) =>
···
       <div className="download-hero full-width">
         <ul className="no-padding download-version-toggle">
           <li>
-            <LocalizedLink
+            <Link
               className={getIsVersionClassName(isLts)}
               href="/download/"
               title={`${downloads['display-hint']} ${downloads.lts}`}
             >
               <div className="title">{downloads.lts}</div>
               <div className="tag">{downloads['tagline-lts']}</div>
-            </LocalizedLink>
+            </Link>
           </li>
           <li>
-            <LocalizedLink
+            <Link
               className={getIsVersionClassName(!isLts)}
-              href="/download/current/"
+              href="/download/current"
               title={`${downloads['display-hint']} ${downloads.current}`}
             >
               <div className="title">{downloads.current}</div>
               <div className="tag">{downloads['tagline-current']}</div>
-            </LocalizedLink>
+            </Link>
           </li>
         </ul>
         <ul className="no-padding download-platform">
           <li>
-            <a
-              href={`${DIST_URL}${versionWithPrefix}/node-${versionWithPrefix}-x${bitness}.msi`}
-              data-version={versionWithPrefix}
-            >
-              <svg
-                className="download-logo"
-                width="50"
-                height="50"
-                viewBox="0 0 50 50"
-                focusable="false"
-              >
-                <path d="M1.589 23.55L1.572 8.24l18.839-2.558V23.55zM23.55 5.225l25.112-3.654V23.55H23.55zM48.669 26.69l-.006 21.979-25.112-3.533V26.69zM20.41 44.736l-18.824-2.58-.001-15.466H20.41z" />
-              </svg>
-              {downloads.WindowsInstaller}
-              <p className="small color-lightgray">
-                node-{versionWithPrefix}-x{bitness}.msi
-              </p>
-            </a>
+            <WithCurrentOS>
+              {({ os }) => (
+                <a
+                  href={`${DIST_URL}${versionWithPrefix}/node-${versionWithPrefix}-x${os.bitness}.msi`}
+                  data-version={versionWithPrefix}
+                >
+                  <svg
+                    className="download-logo"
+                    width="50"
+                    height="50"
+                    viewBox="0 0 50 50"
+                    focusable="false"
+                  >
+                    <path d="M1.589 23.55L1.572 8.24l18.839-2.558V23.55zM23.55 5.225l25.112-3.654V23.55H23.55zM48.669 26.69l-.006 21.979-25.112-3.533V26.69zM20.41 44.736l-18.824-2.58-.001-15.466H20.41z" />
+                  </svg>
+                  {downloads.WindowsInstaller}
+                  <p className="small color-lightgray">
+                    node-{versionWithPrefix}-x{os.bitness}.msi
+                  </p>
+                </a>
+              )}
+            </WithCurrentOS>
           </li>
           <li>
             <a

components/Downloads/SecondaryDownloadMatrix.tsx

···
 import type { FC } from 'react';
 
-import { useLayoutContext } from '@/hooks/useLayoutContext';
+import DownloadList from '@/components/Downloads/DownloadList';
+import { WithNodeRelease } from '@/components/withNodeRelease';
+import { useClientContext } from '@/hooks/server';
 import { DIST_URL } from '@/next.constants.mjs';
-import { WithNodeRelease } from '@/providers/withNodeRelease';
-import type { LegacyDownloadsFrontMatter, NodeRelease } from '@/types';
-
-import DownloadList from './DownloadList';
+import type { NodeRelease } from '@/types';
 
-// @TODO: Instead of using a static list it should be created dynamically. This is done on `nodejs.dev`
-// since this is a temporary solution and going to be fixed in the future.
+// @TODO: Legacy Component to be removed in the Website Redesign
 const SecondaryDownloadMatrix: FC<NodeRelease> = ({
   versionWithPrefix,
   status,
 }) => {
-  const { frontMatter } = useLayoutContext();
-
-  const { additional } = frontMatter as LegacyDownloadsFrontMatter;
+  const {
+    frontmatter: { additional },
+  } = useClientContext();
 
   return (
     <section>

components/Footer.tsx

···
 import type { FC } from 'react';
-import { FormattedMessage } from 'react-intl';
 
-import LocalizedLink from './LocalizedLink';
+import { Link } from '@/navigation.mjs';
 
 type FooterProps = { className?: string };
 
 // Note.: We don't expect to translate these items as we're going to replace with `nodejs/nodejs.dev` footer
 const Footer: FC<FooterProps> = ({ className }) => (
-  <>
-    <a href="#" id="scroll-to-top">
-      <span>
-        &uarr; <FormattedMessage id="components.footer.scrollToTop.button" />
-      </span>
-    </a>
-    <footer className={className}>
-      <div className="container">
-        <div className="openjsfoundation-footer">
-          <p>
-            Copyright <a href="https://openjsf.org">OpenJS Foundation</a> and
-            Node.js contributors. All rights reserved. The{' '}
-            <a href="https://openjsf.org">OpenJS Foundation</a> has registered
-            trademarks and uses trademarks. For a list of trademarks of the{' '}
-            <a href="https://openjsf.org">OpenJS Foundation</a>, please see our{' '}
-            <a href="https://trademark-policy.openjsf.org">Trademark Policy</a>{' '}
-            and <a href="https://trademark-list.openjsf.org">Trademark List</a>.
-            Trademarks and logos not indicated on the{' '}
-            <a href="https://trademark-list.openjsf.org">
-              list of OpenJS Foundation trademarks
-            </a>{' '}
-            are trademarks&trade; or registered&reg; trademarks of their
-            respective holders. Use of them does not imply any affiliation with
-            or endorsement by them.
-          </p>
-          <p className="openjsfoundation-footer-links">
-            <a href="https://openjsf.org">The OpenJS Foundation</a>
-            &nbsp;|&nbsp;
-            <a href="https://trademark-policy.openjsf.org">Trademark Policy</a>
-            &nbsp;|&nbsp;
-            <a href="https://privacy-policy.openjsf.org">Privacy Policy</a>
-            &nbsp;|&nbsp;
-            <a href="https://code-of-conduct.openjsf.org">Code of Conduct</a>
-            &nbsp;|&nbsp;
-            <LocalizedLink href="/about/security-reporting">
-              Security Reporting
-            </LocalizedLink>
-          </p>
-          <div className="openjsfoundation-footer-edit"></div>
-        </div>
+  <footer className={className}>
+    <div className="container">
+      <div className="openjsfoundation-footer">
+        <p>
+          Copyright <a href="https://openjsf.org">OpenJS Foundation</a> and
+          Node.js contributors. All rights reserved. The{' '}
+          <a href="https://openjsf.org">OpenJS Foundation</a> has registered
+          trademarks and uses trademarks. For a list of trademarks of the{' '}
+          <a href="https://openjsf.org">OpenJS Foundation</a>, please see our{' '}
+          <a href="https://trademark-policy.openjsf.org">Trademark Policy</a>{' '}
+          and <a href="https://trademark-list.openjsf.org">Trademark List</a>.
+          Trademarks and logos not indicated on the{' '}
+          <a href="https://trademark-list.openjsf.org">
+            list of OpenJS Foundation trademarks
+          </a>{' '}
+          are trademarks&trade; or registered&reg; trademarks of their
+          respective holders. Use of them does not imply any affiliation with or
+          endorsement by them.
+        </p>
+        <p className="openjsfoundation-footer-links">
+          <a href="https://openjsf.org">The OpenJS Foundation</a>
+          &nbsp;|&nbsp;
+          <a href="https://trademark-policy.openjsf.org">Trademark Policy</a>
+          &nbsp;|&nbsp;
+          <a href="https://privacy-policy.openjsf.org">Privacy Policy</a>
+          &nbsp;|&nbsp;
+          <a href="https://code-of-conduct.openjsf.org">Code of Conduct</a>
+          &nbsp;|&nbsp;
+          <Link href="/about/security-reporting">Security Reporting</Link>
+        </p>
+        <div className="openjsfoundation-footer-edit"></div>
       </div>
-    </footer>
-  </>
+    </div>
+  </footer>
 );
 
 export default Footer;

components/Header.tsx

···
+'use client';
+
 import classNames from 'classnames';
 import Image from 'next/image';
+import { useTranslations } from 'next-intl';
 import { useTheme } from 'next-themes';
 import { useState } from 'react';
-import { useIntl } from 'react-intl';
 
-import { useLocale } from '@/hooks/useLocale';
-import { useNavigation } from '@/hooks/useNavigation';
-import { useRouter } from '@/hooks/useRouter';
-
-import LocalizedLink from './LocalizedLink';
+import { useIsCurrentPathname, useSiteNavigation } from '@/hooks';
+import { Link, usePathname } from '@/navigation.mjs';
+import { BASE_PATH } from '@/next.constants.mjs';
+import { availableLocales } from '@/next.locales.mjs';
 
 const Header = () => {
-  const { availableLocales, isCurrentLocaleRoute } = useLocale();
-  const { navigationItems } = useNavigation();
-  const { formatMessage } = useIntl();
-  const { asPath, basePath } = useRouter();
+  const { navigationItems } = useSiteNavigation();
+  const { isCurrentLocaleRoute } = useIsCurrentPathname();
+  const [showLangPicker, setShowLangPicker] = useState(false);
   const { theme, setTheme } = useTheme();
 
-  const [showLangPicker, setShowLangPicker] = useState(false);
+  const pathname = usePathname();
+  const t = useTranslations();
 
   const getLinkClassName = (href: string) =>
     classNames({ active: isCurrentLocaleRoute(href, href !== '/') });
 
-  const toggleLanguage = formatMessage({
-    id: 'components.header.buttons.toggleLanguage',
-  });
-
-  const toggleDarkMode = formatMessage({
-    id: 'components.header.buttons.toggleDarkMode',
-  });
-
-  const currentRouteLocalized = (locale: string) =>
-    asPath.replace(/^\/[a-zA-Z-]+/, `/${locale}`);
+  const toggleLanguage = t('components.header.buttons.toggleLanguage');
+  const toggleDarkMode = t('components.header.buttons.toggleDarkMode');
 
   return (
     <header aria-label="Primary">
       <div className="container">
-        <LocalizedLink href="/" className="logo">
+        <Link href="/" className="logo">
           <Image
             priority
             width="111"
             height="33"
-            src={`${basePath}/static/images/logo.svg`}
+            src={`${BASE_PATH}/static/images/logo.svg`}
             alt="Node.js"
           />
-        </LocalizedLink>
+        </Link>
 
         <nav aria-label="primary">
           <ul className="list-divider-pipe">
             {navigationItems.map((item, key) => (
               <li key={key} className={getLinkClassName(item.link)}>
-                <LocalizedLink href={item.link}>{item.text}</LocalizedLink>
+                <Link href={item.link}>{item.text}</Link>
               </li>
             ))}
           </ul>
···
               width="28"
               height="28"
               className="dark-image"
-              src={`${basePath}/static/images/light-mode.svg`}
+              src={`${BASE_PATH}/static/images/light-mode.svg`}
               alt="Dark Theme Switcher"
             />
 
···
               width="28"
               height="28"
               className="light-image"
-              src={`${basePath}/static/images/dark-mode.svg`}
+              src={`${BASE_PATH}/static/images/dark-mode.svg`}
               alt="Dark Theme Switcher"
             />
           </button>
···
               priority
               width="25"
               height="28"
-              src={`${basePath}/static/images/language-picker.svg`}
+              src={`${BASE_PATH}/static/images/language-picker.svg`}
               alt="Language Switcher"
             />
           </button>
···
           <ul className="lang-picker">
             {availableLocales.map(locale => (
               <li key={locale.code}>
-                <a
+                <Link
                   title={locale.name}
-                  href={currentRouteLocalized(locale.code)}
+                  locale={locale.code}
+                  href={pathname}
+                  onClick={() => setShowLangPicker(false)}
                 >
                   {locale.localName}
-                </a>
+                </Link>
               </li>
             ))}
           </ul>

components/Home/Banner.tsx

···
-import { useSiteConfig } from '@/hooks/useSiteConfig';
+import { siteConfig } from '@/next.json.mjs';
 import { dateIsBetween } from '@/util/dateIsBetween';
 
 const Banner = () => {
-  const siteConfig = useSiteConfig();
-
-  // Note.: This is hardcoded and going to be replaced by the `nodejs/nodejs.dev` codebase
   if (siteConfig.websiteBanners && siteConfig.websiteBanners['index']) {
     const indexBanner = siteConfig.websiteBanners['index'];
 

components/Home/HomeDownloadButton.tsx

···
+'use client';
+
+import { useTranslations } from 'next-intl';
 import type { FC } from 'react';
-import { FormattedMessage, useIntl } from 'react-intl';
 
-import LocalizedLink from '@/components/LocalizedLink';
-import { useDetectOS } from '@/hooks/useDetectOS';
+import { useDetectOS } from '@/hooks';
+import { Link } from '@/navigation.mjs';
 import { DIST_URL } from '@/next.constants.mjs';
 import type { NodeRelease } from '@/types';
 import { downloadUrlByOS } from '@/util/downloadUrlByOS';
···
   isLts,
 }) => {
   const { os, bitness } = useDetectOS();
-  const { formatMessage } = useIntl();
+  const t = useTranslations();
 
   const nodeDownloadLink = downloadUrlByOS(versionWithPrefix, os, bitness);
   const nodeApiLink = `${DIST_URL}latest-v${major}.x/docs/api/`;
   const nodeAllDownloadsLink = `/download${isLts ? '/' : '/current'}`;
 
-  const downloadFile = formatMessage(
-    { id: 'components.home.homeDownloadButton.download' },
-    { version, isLts }
-  );
+  const downloadFile = t('components.home.homeDownloadButton.download', {
+    version,
+    isLts,
+  });
 
   return (
     <div className="home-downloadblock">
···
       >
         {downloadFile}
 
-        <FormattedMessage
-          id="components.home.homeDownloadButton.tagline"
-          tagName="small"
-          values={{ isLts }}
-        />
+        <small>
+          {t('components.home.homeDownloadButton.tagline', { isLts })}
+        </small>
       </a>
 
       <ul className="list-divider-pipe home-secondary-links">
         <li>
-          <LocalizedLink href={nodeAllDownloadsLink}>
-            <FormattedMessage id="components.home.homeDownloadButton.otherDownloads" />
-          </LocalizedLink>
+          <Link href={nodeAllDownloadsLink}>
+            {t('components.home.homeDownloadButton.otherDownloads')}
+          </Link>
         </li>
 
         <li>
           <a href={getNodejsChangelog(versionWithPrefix)}>
-            <FormattedMessage id="components.home.homeDownloadButton.changelog" />
+            {t('components.home.homeDownloadButton.changelog')}
           </a>
         </li>
 
         <li>
           <a href={nodeApiLink}>
-            <FormattedMessage id="components.home.homeDownloadButton.apiDocs" />
+            {t('components.home.homeDownloadButton.apiDocs')}
           </a>
         </li>
       </ul>

components/HtmlHead.tsx

···
-import Head from 'next/head';
-import type { FC } from 'react';
-
-import { useLocale } from '@/hooks/useLocale';
-import { useRouter } from '@/hooks/useRouter';
-import { useSiteConfig } from '@/hooks/useSiteConfig';
-import { BASE_URL, BASE_PATH } from '@/next.constants.mjs';
-import type { LegacyFrontMatter } from '@/types';
-
-// This is the combination of the Application Base URL and Base PATH
-const baseUrlAndPath = `${BASE_URL}${BASE_PATH}`;
-
-type HeaderProps = { frontMatter: LegacyFrontMatter };
-
-const HtmlHead: FC<HeaderProps> = ({ frontMatter }) => {
-  const siteConfig = useSiteConfig();
-  const { asPath } = useRouter();
-  const { availableLocales, currentLocale, defaultLocale } = useLocale();
-
-  const canonicalLink = `${baseUrlAndPath}${asPath}`;
-
-  const pageTitle = frontMatter.title
-    ? `${frontMatter.title} | ${siteConfig.title}`
-    : siteConfig.title;
-
-  return (
-    <Head>
-      <title>{pageTitle}</title>
-
-      <meta name="theme-color" content={siteConfig.accentColor}></meta>
-
-      <meta name="robots" content={frontMatter.robots || 'index, follow'} />
-
-      <meta name="viewport" content="width=device-width, initial-scale=1" />
-      <meta name="description" content={siteConfig.description} />
-
-      <meta property="og:title" content={pageTitle} />
-      <meta property="og:site_name" content={siteConfig.title} />
-      <meta property="og:description" content={siteConfig.description} />
-
-      <meta
-        property="og:image"
-        content={`${baseUrlAndPath}${siteConfig.featuredImage}`}
-      />
-
-      <meta property="og:image:type" content={siteConfig.og.imgType} />
-      <meta property="og:image:width" content={siteConfig.og.imgWidth} />
-      <meta property="og:image:height" content={siteConfig.og.imgHeight} />
-
-      <meta name="twitter:card" content={siteConfig.twitter.card} />
-      <meta name="twitter:site" content={siteConfig.twitter.username} />
-      <meta name="twitter:title" content={pageTitle} />
-
-      <meta
-        name="twitter:image"
-        content={`${baseUrlAndPath}${siteConfig.twitter.img}`}
-      />
-
-      <meta name="twitter:image:alt" content={siteConfig.twitter.imgAlt} />
-
-      <link rel="canonical" href={canonicalLink} />
-
-      <link
-        rel="icon"
-        href={`${baseUrlAndPath}${siteConfig.favicon}`}
-        type="image/png"
-      />
-
-      <link
-        rel="alternate"
-        hrefLang="x-default"
-        href={canonicalLink.replace(
-          `/${currentLocale.code}`,
-          `/${defaultLocale.code}`
-        )}
-      />
-
-      {availableLocales.map(locale => (
-        <link
-          key={locale.code}
-          rel="alternate"
-          hrefLang={locale.code}
-          href={canonicalLink.replace(
-            `/${currentLocale.code}`,
-            `/${locale.code}`
-          )}
-        />
-      ))}
-
-      {siteConfig.rssFeeds.map(feed => (
-        <link
-          key={feed.file}
-          title={feed.title}
-          href={`${baseUrlAndPath}/en/feed/${feed.file}`}
-          rel="alternate"
-          type="application/rss+xml"
-        />
-      ))}
-    </Head>
-  );
-};
-
-export default HtmlHead;

components/LocalizedLink.tsx

···
-import Link from 'next/link';
-import { useMemo } from 'react';
-import type { FC, ComponentProps, HTMLAttributes } from 'react';
-
-import { useLocale } from '@/hooks/useLocale';
-import { linkWithLocale } from '@/util/linkWithLocale';
-
-// This is a wrapper on HTML's `a` tag
-const HtmlLink: FC<HTMLAttributes<HTMLAnchorElement>> = ({
-  children,
-  ...extra
-}) => <a {...extra}>{children}</a>;
-
-// This is Next.js's Link Component but with pre-fetch disabled
-const NextLink: FC<ComponentProps<typeof Link>> = ({ children, ...extra }) => (
-  <Link {...extra} prefetch={false}>
-    {children}
-  </Link>
-);
-
-const LocalizedLink: FC<ComponentProps<typeof Link>> = ({
-  href,
-  children,
-  ...extra
-}) => {
-  const { currentLocale } = useLocale();
-
-  const { Component, finalHref } = useMemo(() => {
-    if (!href || !href.toString().startsWith('/')) {
-      return { Component: HtmlLink, finalHref: href };
-    }
-
-    const addLocaleToHref = linkWithLocale(currentLocale.code);
-
-    return { Component: NextLink, finalHref: addLocaleToHref(href) };
-    // We only need to check if the toString() variant of URL has changed
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [currentLocale.code, href]);
-
-  return (
-    <Component {...extra} href={finalHref}>
-      {children}
-    </Component>
-  );
-};
-
-export default LocalizedLink;

components/Pagination.tsx

···
+import { useTranslations } from 'next-intl';
 import type { FC } from 'react';
-import { FormattedMessage } from 'react-intl';
 
-import LocalizedLink from './LocalizedLink';
+import { Link } from '@/navigation.mjs';
 
-type PaginationProps = { prevSlug?: number; nextSlug?: number };
+type PaginationProps = { prev?: number; next?: number };
 
-const Pagination: FC<PaginationProps> = ({ nextSlug, prevSlug }) => (
-  <nav aria-label="pagination" className="pagination">
-    {nextSlug && (
-      <LocalizedLink href={`/blog/year-${nextSlug}`}>
-        &lt; <FormattedMessage id="components.pagination.next" />
-      </LocalizedLink>
-    )}
+const Pagination: FC<PaginationProps> = ({ next, prev }) => {
+  const t = useTranslations();
 
-    {prevSlug && (
-      <LocalizedLink href={`/blog/year-${prevSlug}`}>
-        <FormattedMessage id="components.pagination.previous" /> &gt;
-      </LocalizedLink>
-    )}
-  </nav>
-);
+  return (
+    <nav aria-label="pagination" className="pagination">
+      {next && (
+        <Link href={`/blog/year-${next}`}>
+          &lt; {t('components.pagination.next')}
+        </Link>
+      )}
+
+      {prev && (
+        <Link href={`/blog/year-${prev}`}>
+          {t('components.pagination.previous')} &gt;
+        </Link>
+      )}
+    </nav>
+  );
+};
 
 export default Pagination;

components/Sections/Footer/index.stories.tsx components/Containers/Footer/index.stories.tsx

···
 import type { Meta as MetaObj, StoryObj } from '@storybook/react';
 
-import Footer from './index';
+import Footer from '@/components/Containers/Footer';
 
 type Story = StoryObj<typeof Footer>;
 type Meta = MetaObj<typeof Footer>;

components/Sections/Footer/index.tsx components/Containers/Footer/index.tsx

···
 import classNames from 'classnames';
 import Image from 'next/image';
+import { useTranslations } from 'next-intl';
 import type { FC } from 'react';
-import { FormattedMessage } from 'react-intl';
 
-import NavItem from '@/components/Sections/NavItem';
-import { useSiteConfig } from '@/hooks/useSiteConfig';
+import NavItem from '@/components/Containers/NavItem';
+import { siteConfig } from '@/next.json.mjs';
 
 import styles from './index.module.css';
 
 const Footer: FC = () => {
-  const { footerLinks, socialLinks } = useSiteConfig();
+  const t = useTranslations();
 
-  const openJSlink = footerLinks.at(-1)!;
+  const openJSlink = siteConfig.footerLinks.at(-1)!;
 
   return (
     <footer className={styles.footer}>
       <div className={styles.sectionPrimary}>
-        {footerLinks.slice(0, -1).map(item => (
+        {siteConfig.footerLinks.slice(0, -1).map(item => (
           <NavItem type="footer" href={item.link} key={item.link}>
-            <FormattedMessage id={item.text} />
+            {t(item.text)}
           </NavItem>
         ))}
       </div>
       <div className={styles.sectionSecondary}>
         <NavItem type="footer" href={openJSlink.link}>
-          &copy; <FormattedMessage id={openJSlink.text} />
+          &copy; {t(openJSlink.text)}
         </NavItem>
         <div className={styles.social}>
-          {socialLinks.map(link => {
+          {siteConfig.socialLinks.map(link => {
             const navClass = classNames({
               [styles.darkImage]: link.kind === 'dark',
               [styles.lightImage]: link.kind === 'light',

components/Sections/NavItem/index.stories.tsx components/Containers/NavItem/index.stories.tsx

···
 import type { Meta as MetaObj, StoryObj } from '@storybook/react';
 
-import NavItem from './index';
+import NavItem from '@/components/Containers/NavItem';
 
 type Story = StoryObj<typeof NavItem>;
 type Meta = MetaObj<typeof NavItem>;

components/SideNavigation.tsx

···
+'use client';
+
 import classNames from 'classnames';
+import type { RichTranslationValues } from 'next-intl';
 import type { FC } from 'react';
 
-import { useLocale } from '@/hooks/useLocale';
-import { useNavigation } from '@/hooks/useNavigation';
+import { useIsCurrentPathname, useSiteNavigation } from '@/hooks';
+import { Link } from '@/navigation.mjs';
 import type { NavigationKeys } from '@/types';
 
-import LocalizedLink from './LocalizedLink';
-
 type SideNavigationProps = {
   navigationKey: NavigationKeys;
-  context?: Record<string, Record<string, string | JSX.Element | undefined>>;
+  context?: Record<string, RichTranslationValues>;
 };
 
 const SideNavigation: FC<SideNavigationProps> = ({
   navigationKey,
   context,
 }) => {
-  const { getSideNavigation } = useNavigation();
-  const { isCurrentLocaleRoute } = useLocale();
+  const { getSideNavigation } = useSiteNavigation();
+  const { isCurrentLocaleRoute } = useIsCurrentPathname();
 
   const sideNavigationItems = getSideNavigation(navigationKey, context);
 
···
       <ul>
         {sideNavigationItems.map(item => (
           <li key={item.key} className={getLinkClasses(item.link, item.level)}>
-            <LocalizedLink href={item.link}>{item.text}</LocalizedLink>
+            <Link href={item.link}>{item.text}</Link>
 
             {item.items.length > 0 && (
               <ul>
                 {item.items.map(({ link, level, text, key }) => (
                   <li key={key} className={getLinkClasses(link, level)}>
-                    <LocalizedLink href={link}>{text}</LocalizedLink>
+                    <Link href={link}>{text}</Link>
                   </li>
                 ))}
               </ul>

components/__mocks__/next-intl.mjs

···
+import Link from 'next/link';
+import { redirect, usePathname, useRouter } from 'next/navigation';
+
+export const useMessages = () => ({});
+
+export const useNow = () => new Date();
+
+export const useTimeZone = () => 'Etc/UTC';
+
+export const useTranslations = () => {
+  const t = key => key;
+
+  t.rich = key => key;
+  t.markup = key => key;
+
+  return t;
+};
+
+export const useFormatter = () => {
+  const formatter = format => new Intl.DateTimeFormat('en-US', format);
+
+  return {
+    date: (date, format) => formatter(format).format(date),
+    dateTime: (date, format) => formatter(format).format(date),
+  };
+};
+
+export const NextIntlClientProvider = ({ children }) => children;
+
+export const createSharedPathnamesNavigation = () => ({
+  Link: Link,
+  redirect: redirect,
+  usePathname: usePathname,
+  useRouter: useRouter,
+});

components/mdxRenderer.tsx

···
+import type { MDXComponents, MDXContent } from 'mdx/types';
+import type { FC } from 'react';
+
+import { htmlComponents, mdxComponents } from '@/next.mdx.use.mjs';
+
+// Combine all MDX Components to be used
+const combinedComponents: MDXComponents = {
+  ...htmlComponents,
+  ...mdxComponents,
+};
+
+export const MDXRenderer: FC<{ Component: MDXContent }> = ({ Component }) => (
+  <Component components={combinedComponents} />
+);

components/withCurrentOS.tsx

···
+'use client';
+
+import type { FC } from 'react';
+
+import { useDetectOS } from '@/hooks';
+
+type WithCurrentOS = {
+  children: FC<{ os: ReturnType<typeof useDetectOS> }>;
+};
+
+export const WithCurrentOS: FC<WithCurrentOS> = ({ children: Component }) => {
+  const osData = useDetectOS();
+
+  return <Component os={osData} />;
+};

components/withLayout.tsx

···
+import { useMemo, type FC, type PropsWithChildren } from 'react';
+
+import AboutLayout from '@/layouts/AboutLayout';
+import BlogCategoryLayout from '@/layouts/BlogCategoryLayout';
+import BlogPostLayout from '@/layouts/BlogPostLayout';
+import ContributeLayout from '@/layouts/ContributeLayout';
+import DefaultLayout from '@/layouts/DefaultLayout';
+import DocsLayout from '@/layouts/DocsLayout';
+import DownloadLayout from '@/layouts/DownloadLayout';
+import IndexLayout from '@/layouts/IndexLayout';
+import LearnLayout from '@/layouts/LearnLayout';
+import type { LegacyLayouts } from '@/types';
+
+const layoutComponents = {
+  'docs.hbs': DocsLayout,
+  'about.hbs': AboutLayout,
+  'blog-categpry.hbs': BlogCategoryLayout,
+  'blog-post.hbs': BlogPostLayout,
+  'contribute.hbs': ContributeLayout,
+  'download.hbs': DownloadLayout,
+  'index.hbs': IndexLayout,
+  'learn.hbs': LearnLayout,
+  'page.hbs': DefaultLayout,
+} satisfies Record<string, FC>;
+
+type WithLayoutProps = PropsWithChildren<{ layout: LegacyLayouts }>;
+
+export const WithLayout: FC<WithLayoutProps> = ({ layout, children }) => {
+  const LayoutComponent = useMemo(
+    () => layoutComponents[layout] || DefaultLayout,
+    [layout]
+  );
+
+  return <LayoutComponent>{children}</LayoutComponent>;
+};

components/withNodeRelease.tsx

···
+import type { FC } from 'react';
+
+import { releaseData } from '@/next.json.mjs';
+import type { NodeRelease, NodeReleaseStatus } from '@/types';
+
+type WithNodeReleaseProps = {
+  status: NodeReleaseStatus[] | NodeReleaseStatus;
+  children: FC<{ release: NodeRelease }>;
+};
+
+export const WithNodeRelease: FC<WithNodeReleaseProps> = ({
+  status,
+  children: Component,
+}) => {
+  const matchingRelease = releaseData.find(release =>
+    [status].flat().includes(release.status)
+  );
+
+  return <Component release={matchingRelease!} />;
+};

hooks/__tests__/useCopyToClipboard.test.mjs

···
 import { render, fireEvent, screen, act } from '@testing-library/react';
-import { FormattedMessage } from 'react-intl';
-import { IntlProvider } from 'react-intl';
 
-import { useCopyToClipboard } from '../useCopyToClipboard';
+import { useCopyToClipboard } from '..';
 
 const mockWriteText = jest.fn();
 const originalNavigator = { ...window.navigator };
-
-const testMessages = {
-  'components.common.shellBox.copy':
-    '{copied, select, true {copied}other {copy}}',
-};
 
 describe('useCopyToClipboard', () => {
   beforeEach(() => {
···
       const [copied, copyText] = useCopyToClipboard();
 
       return (
-        <IntlProvider locale="en" messages={testMessages} onError={() => {}}>
-          <button onClick={() => copyText(textToCopy)} type="button">
-            <FormattedMessage
-              id="components.common.shellBox.copy"
-              values={{ copied }}
-            />
-          </button>
-        </IntlProvider>
+        <button onClick={() => copyText(textToCopy)} type="button">
+          {copied ? 'copied' : 'copy'}
+        </button>
       );
     };
 

hooks/__tests__/useDetectOS.test.mjs

···
 import { renderHook, waitFor } from '@testing-library/react';
 
-import { useDetectOS } from '../useDetectOS';
+import { useDetectOS } from '..';
 
 const windowsUserAgent =
   'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/58.0.3029.110 Safari/537.36';

hooks/__tests__/useMediaQuery.test.mjs

···
 import { renderHook } from '@testing-library/react';
 
-import { useMediaQuery } from '../useMediaQuery';
+import { useMediaQuery } from '..';
 
 describe('useMediaQuery', () => {
   it('should check for matchMedia support', () => {

hooks/index.ts

···
+export * from './react-client';

hooks/react-client/index.ts

···
+export { default as useCopyToClipboard } from './useCopyToClipboard';
+export { default as useDetectOS } from './useDetectOS';
+export { default as useIsCurrentPathname } from './useIsCurrentPathname';
+export { default as useMediaQuery } from './useMediaQuery';
+export { default as useNotification } from './useNotification';
+export { default as useClientContext } from './useClientContext';
+export { default as useBlogData } from './useBlogData';
+export { default as useSiteNavigation } from './useSiteNavigation';

hooks/react-client/useBlogData.ts

···
+'use client';
+
+import useClientContext from '@/hooks/react-client/useClientContext';
+import { useBaseBlogData } from '@/hooks/useBaseBlogData';
+
+const useBlogData = () => {
+  const { pathname } = useClientContext();
+  const data = useBaseBlogData(pathname);
+
+  return data;
+};
+
+export default useBlogData;

hooks/react-client/useClientContext.ts

···
+'use client';
+
+import { useContext } from 'react';
+
+import { usePathname } from '@/navigation.mjs';
+import { MatterContext } from '@/providers/matterProvider';
+import type { ClientSharedServerContext } from '@/types';
+
+const useClientContext = (): ClientSharedServerContext => {
+  const { matter: frontmatter, headings } = useContext(MatterContext);
+  const pathname = usePathname();
+
+  return { pathname: pathname || '', frontmatter, headings };
+};
+
+export default useClientContext;

hooks/react-client/useIsCurrentPathname.ts

···
+'use client';
+
+import useClientContext from '@/hooks/react-client/useClientContext';
+
+const useIsCurrentPathname = () => {
+  const { pathname } = useClientContext();
+
+  return {
+    isCurrentLocaleRoute: (route: string, allowSubPath?: boolean) =>
+      allowSubPath ? pathname.startsWith(route) : route === pathname,
+  };
+};
+
+export default useIsCurrentPathname;

hooks/react-client/useNotification.ts

···
+'use client';
+
+import { useContext } from 'react';
+
+import { NotificationDispatch } from '@/providers/notificationProvider';
+
+const useNotification = () => useContext(NotificationDispatch);
+
+export default useNotification;

hooks/react-client/useSiteNavigation.tsx

···
+'use client';
+
+import useBaseSiteNavigation from '@/hooks/useBaseSiteNavigation';
+
+export default useBaseSiteNavigation;

hooks/react-server/index.ts

···
+export { default as useCopyToClipboard } from './useCopyToClipboard';
+export { default as useDetectOS } from './useDetectOS';
+export { default as useIsCurrentPathname } from './useIsCurrentPathname';
+export { default as useMediaQuery } from './useMediaQuery';
+export { default as useNotification } from './useNotification';
+export { default as useClientContext } from './useClientContext';
+export { default as useBlogData } from './useBlogData';
+export { default as useSiteNavigation } from './useSiteNavigation';

hooks/react-server/useBlogData.ts

···
+import useClientContext from '@/hooks/react-server/useClientContext';
+import { useBaseBlogData } from '@/hooks/useBaseBlogData';
+
+const useBlogData = () => {
+  const { pathname } = useClientContext();
+  const data = useBaseBlogData(pathname);
+
+  return data;
+};
+
+export default useBlogData;

hooks/react-server/useClientContext.ts

···
+import { getClientContext } from '@/client-context';
+
+const useClientContext = () => getClientContext();
+
+export default useClientContext;

hooks/react-server/useCopyToClipboard.ts

···
+const useCopyToClipboard = () => {
+  throw new Error('Attempted to call useCopyToClipboard from RSC');
+};
+
+export default useCopyToClipboard;

hooks/react-server/useDetectOS.ts

···
+const useDetectOS = () => {
+  throw new Error('Attempted to call useDetectOS from RSC');
+};
+
+export default useDetectOS;

hooks/react-server/useIsCurrentPathname.ts

···
+import useClientContext from '@/hooks/react-server/useClientContext';
+
+const useIsCurrentPathname = () => {
+  const { pathname } = useClientContext();
+
+  return {
+    isCurrentLocaleRoute: (route: string, allowSubPath?: boolean) => {
+      const asPathJustPath = pathname.replace(/[#|?].*$/, '');
+
+      return allowSubPath
+        ? asPathJustPath.startsWith(route)
+        : route === asPathJustPath;
+    },
+  };
+};
+
+export default useIsCurrentPathname;

hooks/react-server/useMediaQuery.ts

···
+const useMediaQuery = () => {
+  throw new Error('Attempted to call useMediaQuery from RSC');
+};
+
+export default useMediaQuery;

hooks/react-server/useNotification.ts

···
+const useNotification = () => {
+  throw new Error('Attempted to call useNotification from RSC');
+};
+
+export default useNotification;

hooks/react-server/useSiteNavigation.tsx

···
+import useBaseSiteNavigation from '@/hooks/useBaseSiteNavigation';
+
+export default useBaseSiteNavigation;

hooks/server.ts

···
+export * from './react-server';

hooks/useBaseBlogData.ts

···
+import { useMemo } from 'react';
+
+import { blogData } from '@/next.json.mjs';
+
+export const useBaseBlogData = (pathname: string) => {
+  const { posts, pagination, categories } = blogData;
+
+  const getPostsByCategory = (category: string) =>
+    posts.filter(post => post.category === category);
+
+  const getPostsByYear = (year: string) =>
+    posts.filter(post => new Date(post.date).getFullYear() === Number(year));
+
+  const getPagination = (currentYear: number | string) => {
+    const _currentYear = Number(currentYear);
+
+    return {
+      next: pagination.includes(_currentYear + 1)
+        ? _currentYear + 1
+        : undefined,
+      prev: pagination.includes(_currentYear - 1)
+        ? _currentYear - 1
+        : undefined,
+    };
+  };
+
+  const currentCategory = useMemo(() => {
+    // We split the pathname to retrieve the blog category from it
+    // since the URL is usually /{languageCode}/blog/{category}
+    // the third path piece is usually the category name
+    const [, _pathname, category] = pathname.split('/');
+
+    if (_pathname === 'blog' && category && category.length) {
+      return category;
+    }
+
+    // if either the pathname does not match to a blog page
+    // which should not happen (as this hook should only be used in blog pages)
+    // or if there is no category in the URL we return the current year as category name
+    // which is always the default category (for example, the blog index)
+    return `year-${new Date().getFullYear()}`;
+  }, [pathname]);
+
+  return {
+    posts,
+    categories,
+    currentCategory,
+    getPostsByCategory,
+    getPostsByYear,
+    getPagination,
+  };
+};

hooks/useBlogData.ts

···
-import { useCallback, useContext, useMemo } from 'react';
-
-import { BlogDataContext } from '@/providers/blogDataProvider';
-
-import { useRouter } from './useRouter';
-
-export const useBlogData = () => {
-  const { asPath } = useRouter();
-
-  const { posts, pagination, categories } = useContext(BlogDataContext);
-
-  const getPostsByCategory = useCallback(
-    (category: string) => posts.filter(post => post.category === category),
-    [posts]
-  );
-
-  const getPostsByYear = useCallback(
-    (year: number) =>
-      posts.filter(post => new Date(post.date).getFullYear() === year),
-    [posts]
-  );
-
-  const getPagination = useCallback(
-    (currentYear: number) => ({
-      next: pagination.includes(currentYear + 1) ? currentYear + 1 : undefined,
-      prev: pagination.includes(currentYear - 1) ? currentYear - 1 : undefined,
-    }),
-    [pagination]
-  );
-
-  const currentCategory = useMemo(() => {
-    // We split the pathname to retrieve the blog category from it
-    // since the URL is usually /{languageCode}/blog/{category}
-    // the third path piece is usually the category name
-    const [, , pathname, category] = asPath.split('/');
-
-    if (pathname === 'blog' && category && category.length) {
-      return category;
-    }
-
-    // if either the pathname does not match to a blog page
-    // which should not happen (as this hook should only be used in blog pages)
-    // or if there is no category in the URL we return the current year as category name
-    // which is always the default category (for example, the blog index)
-    return new Date().getFullYear().toString();
-  }, [asPath]);
-
-  return {
-    posts,
-    categories,
-    currentCategory,
-    getPostsByCategory,
-    getPostsByYear,
-    getPagination,
-  };
-};

hooks/useCopyToClipboard.ts hooks/react-client/useCopyToClipboard.ts

···
+'use client';
+
 import { useEffect, useState } from 'react';
 
 const copyToClipboard = (value: string | undefined) => {
···
     .catch(() => false);
 };
 
-export const useCopyToClipboard = () => {
+const useCopyToClipboard = () => {
   const [copied, setCopied] = useState(false);
 
   const copyText = (text: string | undefined) =>
···
 
   return [copied, copyText] as const;
 };
+
+export default useCopyToClipboard;

hooks/useDetectOS.ts hooks/react-client/useDetectOS.ts

···
+'use client';
+
 import { useEffect, useState } from 'react';
 
 import type { UserOS } from '@/types/userOS';
···
   bitness: number;
 };
 
-export const useDetectOS = () => {
+const useDetectOS = () => {
   const [userOSState, setUserOSState] = useState<UserOSState>({
     os: 'OTHER',
     bitness: 86,
···
 
   return userOSState;
 };
+
+export default useDetectOS;

hooks/useLayoutContext.ts

···
-import { useContext } from 'react';
-
-import { LayoutContext } from '@/providers/layoutProvider';
-
-export const useLayoutContext = () => useContext(LayoutContext);

hooks/useLocale.ts

···
-import { useContext } from 'react';
-
-import { LocaleContext } from '@/providers/localeProvider';
-import { linkWithLocale } from '@/util/linkWithLocale';
-
-import { useRouter } from './useRouter';
-
-export const useLocale = () => {
-  const { asPath } = useRouter();
-
-  const { currentLocale, availableLocales, defaultLocale } =
-    useContext(LocaleContext);
-
-  const localizedLink = linkWithLocale(currentLocale.code);
-
-  const localisedPath = (route: string) =>
-    localizedLink(route).replace(/[#|?].*$/, '');
-
-  return {
-    availableLocales,
-    currentLocale,
-    defaultLocale,
-    isCurrentLocaleRoute: (route: string, allowSubPath?: boolean) => {
-      const localisedRoute = localisedPath(route);
-      const asPathJustPath = asPath.replace(/[#|?].*$/, '');
-
-      return allowSubPath
-        ? asPathJustPath.startsWith(localisedRoute)
-        : localisedRoute === asPathJustPath;
-    },
-  };
-};

hooks/useMediaQuery.ts hooks/react-client/useMediaQuery.ts

···
+'use client';
+
 import { useState, useEffect } from 'react';
 
 const mediaQueryChangeSubscribe = (mq: MediaQueryList, handler: () => void) => {
···
   }
 };
 
-export function useMediaQuery(query: string): boolean | undefined {
+const useMediaQuery = (query: string): boolean | undefined => {
   const [matches, setMatches] = useState<boolean>();
 
   useEffect(() => {
···
   }, [query]);
 
   return matches;
-}
+};
+
+export default useMediaQuery;

hooks/useNavigation.tsx hooks/useBaseSiteNavigation.tsx

···
-import { FormattedMessage } from 'react-intl';
+import { useTranslations } from 'next-intl';
+import type { RichTranslationValues } from 'next-intl';
+import { useMemo } from 'react';
 
 import { siteNavigation } from '@/next.json.mjs';
 import type { NavigationEntry, NavigationKeys } from '@/types';
 
-// Translation Context for FormattedMessage
-type Context = Record<string, Record<string, string | JSX.Element | undefined>>;
-
 // These are mapped navigation entries. Navigation Entries can have sub-entries
 type MappedItems = {
-  text: JSX.Element;
+  text: ReturnType<ReturnType<typeof useTranslations>['rich']>;
   link: string;
   key: string;
   level: number;
···
 
 // Provides Context replacement for variables within the Link. This is also something that is not going
 // to happen in the future with `nodejs/nodejs.dev` codebase
-const replaceLinkWithContext = (
-  link: string,
-  context: Record<string, string | JSX.Element | undefined>
-) =>
+const replaceLinkWithContext = (link: string, context: RichTranslationValues) =>
   Object.entries(context).reduce(
     (finalLink, [find, replace]) =>
       finalLink.replace(
···
     link
   );
 
-export const useNavigation = () => {
+const useBaseSiteNavigation = () => {
+  const t = useTranslations();
+
   const mapNavigationEntries = (
     entries: Record<string, NavigationEntry>,
-    context?: Context,
+    context?: Record<string, RichTranslationValues>,
     level = 0
   ): MappedItems[] => {
     const getContext = (key: string) => (context && context[key]) || {};
 
-    const getFormattedMessage = (translationId: string, key: string) => (
-      <FormattedMessage id={translationId} values={getContext(key)} />
-    );
+    const getFormattedMessage = (translationId: string, key: string) =>
+      t.rich(translationId, getContext(key));
 
     return Object.entries(entries).map(([key, item]) => ({
       text: getFormattedMessage(item.translationId, key),
···
     }));
   };
 
+  const rootNavigationItems = useMemo(
+    () =>
+      Object.entries(siteNavigation).reduce(
+        (acc, [key, { translationId, link }]) => ({
+          ...acc,
+          [key]: { translationId, link },
+        }),
+        {}
+      ),
+    []
+  );
+
   return {
-    navigationItems: mapNavigationEntries(siteNavigation),
-    getSideNavigation: (section: NavigationKeys, context?: Context) => {
+    navigationItems: mapNavigationEntries(rootNavigationItems),
+    getSideNavigation: (
+      section: NavigationKeys,
+      context?: Record<string, RichTranslationValues>
+    ) => {
       const { items, translationId, link } = siteNavigation[section];
 
       return mapNavigationEntries(
···
     },
   };
 };
+
+export default useBaseSiteNavigation;

hooks/useNodeReleases.ts

···
-import { useCallback, useContext } from 'react';
-
-import { NodeReleasesContext } from '@/providers/nodeReleasesProvider';
-import type { NodeReleaseStatus } from '@/types';
-
-export const useNodeReleases = () => {
-  const releases = useContext(NodeReleasesContext);
-
-  const getReleaseByStatus = useCallback(
-    (status: NodeReleaseStatus) =>
-      releases.find(release => release.status === status),
-    [releases]
-  );
-
-  const getLatestIsLtsRelease = useCallback(
-    () => releases.find(release => release.isLts),
-    [releases]
-  );
-
-  return { releases, getReleaseByStatus, getLatestIsLtsRelease };
-};

hooks/useNotification.ts

···
-import { useContext } from 'react';
-
-import { NotificationDispatch } from '@/providers/notificationProvider';
-
-export const useNotification = () => useContext(NotificationDispatch);

hooks/useRouter.ts

···
-import { useRouter as useNextRouter } from 'next/router';
-import type { NextRouter } from 'next/router';
-import { useMemo } from 'react';
-
-import {
-  availableLocales,
-  getCurrentLocale,
-  defaultLocale,
-} from '@/next.locales.mjs';
-
-// Maps all available locales by only their Language Code
-const mappedLocalesByCode = availableLocales.map(l => l.code);
-
-export const useRouter = (): NextRouter => {
-  const router = useNextRouter();
-
-  return useMemo(() => {
-    const currentLocale = getCurrentLocale(router.asPath, router.query);
-
-    return {
-      ...router,
-      locale: currentLocale.code,
-      locales: mappedLocalesByCode,
-      defaultLocale: defaultLocale.code,
-    };
-  }, [router]);
-};

hooks/useSiteConfig.ts

···
-import { useContext } from 'react';
-
-import { SiteContext } from '@/providers/siteProvider';
-
-export const useSiteConfig = () => {
-  const siteConfigContext = useContext(SiteContext);
-
-  return siteConfigContext;
-};

i18n.tsx

···
+import type { RichTranslationValues } from 'next-intl';
+import { getRequestConfig } from 'next-intl/server';
+
+export const defaultRichTextValues: RichTranslationValues = {
+  graySpan: c => <span className="small color-lightgray">{c}</span>,
+};
+
+export default getRequestConfig(async ({ locale }) => ({
+  messages: (await import(`./i18n/locales/${locale}.json`)).default,
+  timeZone: 'Etc/UTC',
+}));

i18n/locales/ar.json

···
 {
-  "components.footer.scrollToTop.button": "Scroll to top",
-  "components.header.links.about": "About",
-  "components.header.links.download": "Download",
-  "components.header.links.docs": "Docs",
-  "components.header.links.getInvolved": "Get Involved",
-  "components.header.links.security": "Security",
-  "components.header.links.certification": "Certification",
-  "components.header.links.blog": "News",
-  "components.footer.links.trademarkPolicy": "Trademark Policy",
-  "components.footer.links.privacyPolicy": "Privacy Policy",
-  "components.footer.links.codeOfConduct": "Code of Conduct",
-  "components.footer.links.security": "Security Policy",
-  "components.footer.links.openJS": "OpenJS Foundation",
-  "components.navigation.about.links.governance": "Project Governance",
-  "components.navigation.about.links.releases": "Previous Releases",
-  "components.navigation.about.links.security": "Security Reporting",
-  "components.navigation.docs.links.es6": "ES6 and beyond",
-  "components.navigation.docs.links.apiLts": "{fullLtsNodeVersion} API {spanLts}",
-  "components.navigation.docs.links.apiCurrent": "{fullCurrentNodeVersion} API",
-  "components.navigation.docs.links.guides": "Guides {spanGuides}",
-  "components.navigation.docs.links.dependencies": "Dependencies",
-  "components.navigation.getInvolved.links.collabSummit": "Collab Summit",
-  "components.navigation.getInvolved.links.contribute": "Contribute",
-  "components.navigation.getInvolved.links.codeOfConduct": "Code of Conduct",
-  "components.downloadList.links.previousReleases": "Previous Releases",
-  "components.downloadList.links.packageManager": "Installing Node.js via package manager",
-  "components.downloadList.links.shaSums": "Signed SHASUMS for release files",
-  "components.downloadList.links.shaSums.howToVerify": " (How to verify)",
-  "components.downloadList.links.allDownloads": "All download options",
-  "components.downloadList.links.nightlyReleases": "Nightly builds",
-  "components.downloadList.links.unofficialBuilds": "Unofficial builds",
-  "components.downloadList.links.buildingFromSource": "Building Node.js from source on supported platforms",
-  "components.downloadList.links.installingOnLinux": "Installing Node.js via binary archive",
-  "components.downloadList.links.installingOnWsl": "Install on Windows Subsystem for Linux (WSL)",
-  "components.downloadReleasesTable.changelog": "Changelog",
-  "components.downloadReleasesTable.releases": "Releases",
-  "components.downloadReleasesTable.docs": "Docs",
-  "components.header.buttons.toggleLanguage": "Toggle Language",
-  "components.header.buttons.toggleDarkMode": "Toggle dark/light mode",
-  "components.pagination.next": "Newer | ",
-  "components.pagination.previous": "Older",
-  "components.common.breadcrumbs.navigateToHome": "Navigate to Home",
-  "components.common.crossLink.previous": "Prev",
-  "components.common.crossLink.next": "Next",
-  "components.common.codebox.copied": "Copied to clipboard!",
-  "components.metabar.lastUpdated": "Last Updated",
-  "components.metabar.readingTime": "Reading Time",
-  "components.metabar.addedIn": "Added In",
-  "components.metabar.author": "Author",
-  "components.metabar.authors": "Authors",
-  "components.metabar.contribute": "Contribute",
-  "components.metabar.contributeText": "Edit this page",
-  "components.metabar.viewAs": "View as",
-  "components.metabar.tableOfContents": "Table of Contents",
-  "layouts.blogPost.author.byLine": "{author, select, null {} other {By {author}, }}",
-  "layouts.blogIndex.currentYear": "News from {year}",
-  "components.api.jsonLink.title": "View as JSON",
-  "components.api.sourceLink": "Source Code:",
-  "pages.404.title": "404: Page could not be found",
-  "pages.404.description": "ENOENT: no such file or directory",
-  "components.common.pagination.prev": "Previous",
-  "components.common.pagination.prevAriaLabel": "Previous page",
-  "components.common.pagination.next": "Next",
-  "components.common.pagination.nextAriaLabel": "Next page",
-  "components.common.pagination.defaultLabel": "Pagination",
-  "components.common.pagination.pageLabel": "Go to page {pageNumber}",
-  "components.common.languageDropdown.label": "Choose Language",
-  "components.common.card.announcement": "Announcements",
-  "components.common.card.release": "Releases",
-  "components.common.card.vulnerability": "Vulnerabilities",
-  "components.home.homeDownloadButton.download": "{version} {isLts, select, true {LTS} other {Current}}",
-  "components.home.homeDownloadButton.tagline": "{isLts, select, true {Recommended For Most Users} other {Latest Features}}",
-  "components.home.homeDownloadButton.changelog": "Changelog",
-  "components.home.homeDownloadButton.otherDownloads": "Other Downloads",
-  "components.home.homeDownloadButton.apiDocs": "API Docs",
-  "components.header.links.learn": "Learn",
-  "components.header.links.learn.gettingStarted": "Getting Started",
-  "components.header.links.learn.gettingStarted.introductionToNodejs": "Introduction to Node.js",
-  "components.header.links.learn.gettingStarted.howToInstallNodejs": "How to install Node.js",
-  "components.header.links.learn.gettingStarted.howMuchJavascriptDoYouNeedToKnowToUseNodejs": "How much JavaScript do you need to know to use Node.js?",
-  "components.header.links.learn.gettingStarted.differencesBetweenNodejsAndTheBrowser": "Differences between Node.js and the Browser",
-  "components.header.links.learn.gettingStarted.theV8JavascriptEngine": "The V8 JavaScript Engine",
-  "components.header.links.learn.gettingStarted.anIntroductionToTheNpmPackageManager": "An introduction to the NPM package manager",
-  "components.header.links.learn.gettingStarted.ecmascript2015Es6AndBeyond": "ECMAScript 2015 (ES6) and beyond",
-  "components.header.links.learn.gettingStarted.nodejsTheDifferenceBetweenDevelopmentAndProduction": "Node.js, the difference between development and production",
-  "components.header.links.learn.gettingStarted.nodejsWithTypescript": "Node.js with TypeScript",
-  "components.header.links.learn.gettingStarted.nodejsWithWebassembly": "Node.js with WebAssembly",
-  "components.header.links.learn.asynchronousWork": "Asynchronous Work",
-  "components.header.links.learn.asynchronousWork.asynchronousFlowControl": "Asynchronous flow control",
-  "components.header.links.learn.asynchronousWork.overviewOfBlockingVsNonBlocking": "Overview of Blocking vs Non-Blocking",
-  "components.header.links.learn.asynchronousWork.javascriptAsynchronousProgrammingAndCallbacks": "JavaScript Asynchronous Programming and Callbacks",
-  "components.header.links.learn.asynchronousWork.discoverJavaScriptTimers": "Discover JavaScript Timers",
-  "components.header.links.learn.asynchronousWork.understandingProcessnexttick": "Understanding process.nextTick()",
-  "components.header.links.learn.asynchronousWork.understandingSetimmediate": "Understanding setImmediate()",
-  "components.header.links.learn.asynchronousWork.theNodejsEventEmitter": "The Node.js Event emitter",
-  "components.header.links.learn.manipulatingFiles": "Manipulating Files",
-  "components.header.links.learn.manipulatingFiles.nodejsFileStats": "Node.js file stats",
-  "components.header.links.learn.manipulatingFiles.nodejsFilePaths": "Node.js File Paths",
-  "components.header.links.learn.manipulatingFiles.workingWithFileDescriptorsInNodejs": "Working with file descriptors in Node.js",
-  "components.header.links.learn.manipulatingFiles.readingFilesWithNodejs": "Reading files with Node.js",
-  "components.header.links.learn.manipulatingFiles.writingFilesWithNodejs": "Writing files with Node.js",
-  "components.header.links.learn.manipulatingFiles.workingWithFoldersInNodejs": "Working with folders in Node.js",
-  "components.header.links.learn.commandLine": "Command Line",
-  "components.header.links.learn.commandLine.runNodejsScriptsFromTheCommandLine": "Run Node.js scripts from the command line",
-  "components.header.links.learn.commandLine.howToReadEnvironmentVariablesFromNodejs": "How to read environment variables from Node.js",
-  "components.header.links.learn.commandLine.howToUseTheNodejsRepl": "How to use the Node.js REPL",
-  "components.header.links.learn.commandLine.outputToTheCommandLineUsingNodejs": "Output to the command line using Node.js",
-  "components.header.links.learn.commandLine.acceptInputFromTheCommandLineInNodejs": "Accept input from the command line in Node.js"
+  "components": {
+    "footer": {
+      "scrollToTop": {
+        "button": "Scroll to top"
+      },
+      "links": {
+        "trademarkPolicy": "Trademark Policy",
+        "privacyPolicy": "Privacy Policy",
+        "codeOfConduct": "Code of Conduct",
+        "security": "Security Policy",
+        "openJS": "OpenJS Foundation"
+      }
+    },
+    "header": {
+      "links": {
+        "about": "About",
+        "download": "Download",
+        "docs": "Docs",
+        "getInvolved": "Get Involved",
+        "security": "Security",
+        "certification": "Certification",
+        "blog": "News",
+        "learn": {
+          "title": "Learn",
+          "gettingStarted": {
+            "title": "Getting Started",
+            "introductionToNodejs": "Introduction to Node.js",
+            "howToInstallNodejs": "How to install Node.js",
+            "howMuchJavascriptDoYouNeedToKnowToUseNodejs": "How much JavaScript do you need to know to use Node.js?",
+            "differencesBetweenNodejsAndTheBrowser": "Differences between Node.js and the Browser",
+            "theV8JavascriptEngine": "The V8 JavaScript Engine",
+            "anIntroductionToTheNpmPackageManager": "An introduction to the NPM package manager",
+            "ecmascript2015Es6AndBeyond": "ECMAScript 2015 (ES6) and beyond",
+            "nodejsTheDifferenceBetweenDevelopmentAndProduction": "Node.js, the difference between development and production",
+            "nodejsWithTypescript": "Node.js with TypeScript",
+            "nodejsWithWebassembly": "Node.js with WebAssembly"
+          },
+          "asynchronousWork": {
+            "title": "Asynchronous Work",
+            "asynchronousFlowControl": "Asynchronous flow control",
+            "overviewOfBlockingVsNonBlocking": "Overview of Blocking vs Non-Blocking",
+            "javascriptAsynchronousProgrammingAndCallbacks": "JavaScript Asynchronous Programming and Callbacks",
+            "discoverJavaScriptTimers": "Discover JavaScript Timers",
+            "understandingProcessnexttick": "Understanding process.nextTick()",
+            "understandingSetimmediate": "Understanding setImmediate()",
+            "theNodejsEventEmitter": "The Node.js Event emitter"
+          },
+          "manipulatingFiles": {
+            "title": "Manipulating Files",
+            "nodejsFileStats": "Node.js file stats",
+            "nodejsFilePaths": "Node.js File Paths",
+            "workingWithFileDescriptorsInNodejs": "Working with file descriptors in Node.js",
+            "readingFilesWithNodejs": "Reading files with Node.js",
+            "writingFilesWithNodejs": "Writing files with Node.js",
+            "workingWithFoldersInNodejs": "Working with folders in Node.js"
+          },
+          "commandLine": {
+            "title": "Command Line",
+            "runNodejsScriptsFromTheCommandLine": "Run Node.js scripts from the command line",
+            "howToReadEnvironmentVariablesFromNodejs": "How to read environment variables from Node.js",
+            "howToUseTheNodejsRepl": "How to use the Node.js REPL",
+            "outputToTheCommandLineUsingNodejs": "Output to the command line using Node.js",
+            "acceptInputFromTheCommandLineInNodejs": "Accept input from the command line in Node.js"
+          }
+        }
+      },
+      "buttons": {
+        "toggleLanguage": "Toggle Language",
+        "toggleDarkMode": "Toggle dark/light mode"
+      }
+    },
+    "navigation": {
+      "about": {
+        "links": {
+          "governance": "Project Governance",
+          "releases": "Previous Releases",
+          "security": "Security Reporting"
+        }
+      },
+      "docs": {
+        "links": {
+          "es6": "ES6 and beyond",
+          "apiLts": "{fullLtsNodeVersion} API <graySpan>LTS</graySpan>",
+          "apiCurrent": "{fullCurrentNodeVersion} API",
+          "guides": "Guides <graySpan>ARCHIVED</graySpan>",
+          "dependencies": "Dependencies"
+        }
+      },
+      "getInvolved": {
+        "links": {
+          "collabSummit": "Collab Summit",
+          "contribute": "Contribute",
+          "codeOfConduct": "Code of Conduct"
+        }
+      }
+    },
+    "downloadList": {
+      "links": {
+        "previousReleases": "Previous Releases",
+        "packageManager": "Installing Node.js via package manager",
+        "shaSums": {
+          "title": "Signed SHASUMS for release files",
+          "howToVerify": " (How to verify)"
+        },
+        "allDownloads": "All download options",
+        "nightlyReleases": "Nightly builds",
+        "unofficialBuilds": "Unofficial builds",
+        "buildingFromSource": "Building Node.js from source on supported platforms",
+        "installingOnLinux": "Installing Node.js via binary archive",
+        "installingOnWsl": "Install on Windows Subsystem for Linux (WSL)"
+      }
+    },
+    "downloadReleasesTable": {
+      "changelog": "Changelog",
+      "releases": "Releases",
+      "docs": "Docs"
+    },
+    "pagination": {
+      "next": "Newer | ",
+      "previous": "Older"
+    },
+    "common": {
+      "breadcrumbs": {
+        "navigateToHome": "Navigate to Home"
+      },
+      "crossLink": {
+        "previous": "Prev",
+        "next": "Next"
+      },
+      "codebox": {
+        "copied": "Copied to clipboard!"
+      },
+      "pagination": {
+        "prev": "Previous",
+        "prevAriaLabel": "Previous page",
+        "next": "Next",
+        "nextAriaLabel": "Next page",
+        "defaultLabel": "Pagination",
+        "pageLabel": "Go to page {pageNumber}"
+      },
+      "languageDropdown": {
+        "label": "Choose Language"
+      },
+      "card": {
+        "announcement": "Announcements",
+        "release": "Releases",
+        "vulnerability": "Vulnerabilities"
+      }
+    },
+    "metabar": {
+      "lastUpdated": "Last Updated",
+      "readingTime": "Reading Time",
+      "addedIn": "Added In",
+      "author": "Author",
+      "authors": "Authors",
+      "contribute": "Contribute",
+      "contributeText": "Edit this page",
+      "viewAs": "View as",
+      "tableOfContents": "Table of Contents"
+    },
+    "api": {
+      "jsonLink": {
+        "title": "View as JSON"
+      },
+      "sourceLink": "Source Code:"
+    },
+    "home": {
+      "homeDownloadButton": {
+        "download": "{version} {isLts, select, true {LTS} other {Current}}",
+        "tagline": "{isLts, select, true {Recommended For Most Users} other {Latest Features}}",
+        "changelog": "Changelog",
+        "otherDownloads": "Other Downloads",
+        "apiDocs": "API Docs"
+      }
+    }
+  },
+  "layouts": {
+    "blogPost": {
+      "author": {
+        "byLine": "{author, select, null {} other {By {author}, }}"
+      }
+    },
+    "blogIndex": {
+      "currentYear": "News from {year}"
+    }
+  },
+  "pages": {
+    "404": {
+      "title": "404: Page could not be found",
+      "description": "ENOENT: no such file or directory"
+    }
+  }
 }

i18n/locales/de.json

···
 {
-  "components.footer.scrollToTop.button": "Scroll to top",
-  "components.header.links.about": "About",
-  "components.header.links.download": "Download",
-  "components.header.links.docs": "Docs",
-  "components.header.links.getInvolved": "Get Involved",
-  "components.header.links.security": "Security",
-  "components.header.links.certification": "Certification",
-  "components.header.links.blog": "News",
-  "components.footer.links.trademarkPolicy": "Trademark Policy",
-  "components.footer.links.privacyPolicy": "Privacy Policy",
-  "components.footer.links.codeOfConduct": "Code of Conduct",
-  "components.footer.links.security": "Security Policy",
-  "components.footer.links.openJS": "OpenJS Foundation",
-  "components.navigation.about.links.governance": "Project Governance",
-  "components.navigation.about.links.releases": "Previous Releases",
-  "components.navigation.about.links.security": "Security Reporting",
-  "components.navigation.docs.links.es6": "ES6 and beyond",
-  "components.navigation.docs.links.apiLts": "{fullLtsNodeVersion} API {spanLts}",
-  "components.navigation.docs.links.apiCurrent": "{fullCurrentNodeVersion} API",
-  "components.navigation.docs.links.guides": "Guides {spanGuides}",
-  "components.navigation.docs.links.dependencies": "Dependencies",
-  "components.navigation.getInvolved.links.collabSummit": "Collab Summit",
-  "components.navigation.getInvolved.links.contribute": "Contribute",
-  "components.navigation.getInvolved.links.codeOfConduct": "Code of Conduct",
-  "components.downloadList.links.previousReleases": "Previous Releases",
-  "components.downloadList.links.packageManager": "Installing Node.js via package manager",
-  "components.downloadList.links.shaSums": "Signed SHASUMS for release files",
-  "components.downloadList.links.shaSums.howToVerify": " (How to verify)",
-  "components.downloadList.links.allDownloads": "All download options",
-  "components.downloadList.links.nightlyReleases": "Nightly builds",
-  "components.downloadList.links.unofficialBuilds": "Unofficial builds",
-  "components.downloadList.links.buildingFromSource": "Building Node.js from source on supported platforms",
-  "components.downloadList.links.installingOnLinux": "Installing Node.js via binary archive",
-  "components.downloadList.links.installingOnWsl": "Install on Windows Subsystem for Linux (WSL)",
-  "components.downloadReleasesTable.changelog": "Changelog",
-  "components.downloadReleasesTable.releases": "Releases",
-  "components.downloadReleasesTable.docs": "Docs",
-  "components.header.buttons.toggleLanguage": "Toggle Language",
-  "components.header.buttons.toggleDarkMode": "Toggle dark/light mode",
-  "components.pagination.next": "Newer | ",
-  "components.pagination.previous": "Older",
-  "components.common.breadcrumbs.navigateToHome": "Navigate to Home",
-  "components.common.crossLink.previous": "Prev",
-  "components.common.crossLink.next": "Next",
-  "components.common.codebox.copied": "Copied to clipboard!",
-  "components.metabar.lastUpdated": "Last Updated",
-  "components.metabar.readingTime": "Reading Time",
-  "components.metabar.addedIn": "Added In",
-  "components.metabar.author": "Author",
-  "components.metabar.authors": "Authors",
-  "components.metabar.contribute": "Contribute",
-  "components.metabar.contributeText": "Edit this page",
-  "components.metabar.viewAs": "View as",
-  "components.metabar.tableOfContents": "Table of Contents",
-  "layouts.blogPost.author.byLine": "{author, select, null {} other {By {author}, }}",
-  "layouts.blogIndex.currentYear": "News from {year}",
-  "components.api.jsonLink.title": "View as JSON",
-  "components.api.sourceLink": "Source Code:",
-  "pages.404.title": "404: Page could not be found",
-  "pages.404.description": "ENOENT: no such file or directory",
-  "components.common.pagination.prev": "Previous",
-  "components.common.pagination.prevAriaLabel": "Previous page",
-  "components.common.pagination.next": "Next",
-  "components.common.pagination.nextAriaLabel": "Next page",
-  "components.common.pagination.defaultLabel": "Pagination",
-  "components.common.pagination.pageLabel": "Go to page {pageNumber}",
-  "components.common.languageDropdown.label": "Choose Language",
-  "components.common.card.announcement": "Announcements",
-  "components.common.card.release": "Releases",
-  "components.common.card.vulnerability": "Vulnerabilities",
-  "components.home.homeDownloadButton.download": "{version} {isLts, select, true {LTS} other {Current}}",
-  "components.home.homeDownloadButton.tagline": "{isLts, select, true {Recommended For Most Users} other {Latest Features}}",
-  "components.home.homeDownloadButton.changelog": "Changelog",
-  "components.home.homeDownloadButton.otherDownloads": "Other Downloads",
-  "components.home.homeDownloadButton.apiDocs": "API Docs",
-  "components.header.links.learn": "Learn",
-  "components.header.links.learn.gettingStarted": "Getting Started",
-  "components.header.links.learn.gettingStarted.introductionToNodejs": "Introduction to Node.js",
-  "components.header.links.learn.gettingStarted.howToInstallNodejs": "How to install Node.js",
-  "components.header.links.learn.gettingStarted.howMuchJavascriptDoYouNeedToKnowToUseNodejs": "How much JavaScript do you need to know to use Node.js?",
-  "components.header.links.learn.gettingStarted.differencesBetweenNodejsAndTheBrowser": "Differences between Node.js and the Browser",
-  "components.header.links.learn.gettingStarted.theV8JavascriptEngine": "The V8 JavaScript Engine",
-  "components.header.links.learn.gettingStarted.anIntroductionToTheNpmPackageManager": "An introduction to the NPM package manager",
-  "components.header.links.learn.gettingStarted.ecmascript2015Es6AndBeyond": "ECMAScript 2015 (ES6) and beyond",
-  "components.header.links.learn.gettingStarted.nodejsTheDifferenceBetweenDevelopmentAndProduction": "Node.js, the difference between development and production",
-  "components.header.links.learn.gettingStarted.nodejsWithTypescript": "Node.js with TypeScript",
-  "components.header.links.learn.gettingStarted.nodejsWithWebassembly": "Node.js with WebAssembly",
-  "components.header.links.learn.asynchronousWork": "Asynchronous Work",
-  "components.header.links.learn.asynchronousWork.asynchronousFlowControl": "Asynchronous flow control",
-  "components.header.links.learn.asynchronousWork.overviewOfBlockingVsNonBlocking": "Overview of Blocking vs Non-Blocking",
-  "components.header.links.learn.asynchronousWork.javascriptAsynchronousProgrammingAndCallbacks": "JavaScript Asynchronous Programming and Callbacks",
-  "components.header.links.learn.asynchronousWork.discoverJavaScriptTimers": "Discover JavaScript Timers",
-  "components.header.links.learn.asynchronousWork.understandingProcessnexttick": "Understanding process.nextTick()",
-  "components.header.links.learn.asynchronousWork.understandingSetimmediate": "Understanding setImmediate()",
-  "components.header.links.learn.asynchronousWork.theNodejsEventEmitter": "The Node.js Event emitter",
-  "components.header.links.learn.manipulatingFiles": "Manipulating Files",
-  "components.header.links.learn.manipulatingFiles.nodejsFileStats": "Node.js file stats",
-  "components.header.links.learn.manipulatingFiles.nodejsFilePaths": "Node.js File Paths",
-  "components.header.links.learn.manipulatingFiles.workingWithFileDescriptorsInNodejs": "Working with file descriptors in Node.js",
-  "components.header.links.learn.manipulatingFiles.readingFilesWithNodejs": "Reading files with Node.js",
-  "components.header.links.learn.manipulatingFiles.writingFilesWithNodejs": "Writing files with Node.js",
-  "components.header.links.learn.manipulatingFiles.workingWithFoldersInNodejs": "Working with folders in Node.js",
-  "components.header.links.learn.commandLine": "Command Line",
-  "components.header.links.learn.commandLine.runNodejsScriptsFromTheCommandLine": "Run Node.js scripts from the command line",
-  "components.header.links.learn.commandLine.howToReadEnvironmentVariablesFromNodejs": "How to read environment variables from Node.js",
-  "components.header.links.learn.commandLine.howToUseTheNodejsRepl": "How to use the Node.js REPL",
-  "components.header.links.learn.commandLine.outputToTheCommandLineUsingNodejs": "Output to the command line using Node.js",
-  "components.header.links.learn.commandLine.acceptInputFromTheCommandLineInNodejs": "Accept input from the command line in Node.js"
+  "components": {
+    "footer": {
+      "scrollToTop": {
+        "button": "Scroll to top"
+      },
+      "links": {
+        "trademarkPolicy": "Trademark Policy",
+        "privacyPolicy": "Privacy Policy",
+        "codeOfConduct": "Code of Conduct",
+        "security": "Security Policy",
+        "openJS": "OpenJS Foundation"
+      }
+    },
+    "header": {
+      "links": {
+        "about": "About",
+        "download": "Download",
+        "docs": "Docs",
+        "getInvolved": "Get Involved",
+        "security": "Security",
+        "certification": "Certification",
+        "blog": "News",
+        "learn": {
+          "title": "Learn",
+          "gettingStarted": {
+            "title": "Getting Started",
+            "introductionToNodejs": "Introduction to Node.js",
+            "howToInstallNodejs": "How to install Node.js",
+            "howMuchJavascriptDoYouNeedToKnowToUseNodejs": "How much JavaScript do you need to know to use Node.js?",
+            "differencesBetweenNodejsAndTheBrowser": "Differences between Node.js and the Browser",
+            "theV8JavascriptEngine": "The V8 JavaScript Engine",
+            "anIntroductionToTheNpmPackageManager": "An introduction to the NPM package manager",
+            "ecmascript2015Es6AndBeyond": "ECMAScript 2015 (ES6) and beyond",
+            "nodejsTheDifferenceBetweenDevelopmentAndProduction": "Node.js, the difference between development and production",
+            "nodejsWithTypescript": "Node.js with TypeScript",
+            "nodejsWithWebassembly": "Node.js with WebAssembly"
+          },
+          "asynchronousWork": {
+            "title": "Asynchronous Work",
+            "asynchronousFlowControl": "Asynchronous flow control",
+            "overviewOfBlockingVsNonBlocking": "Overview of Blocking vs Non-Blocking",
+            "javascriptAsynchronousProgrammingAndCallbacks": "JavaScript Asynchronous Programming and Callbacks",
+            "discoverJavaScriptTimers": "Discover JavaScript Timers",
+            "understandingProcessnexttick": "Understanding process.nextTick()",
+            "understandingSetimmediate": "Understanding setImmediate()",
+            "theNodejsEventEmitter": "The Node.js Event emitter"
+          },
+          "manipulatingFiles": {
+            "title": "Manipulating Files",
+            "nodejsFileStats": "Node.js file stats",
+            "nodejsFilePaths": "Node.js File Paths",
+            "workingWithFileDescriptorsInNodejs": "Working with file descriptors in Node.js",
+            "readingFilesWithNodejs": "Reading files with Node.js",
+            "writingFilesWithNodejs": "Writing files with Node.js",
+            "workingWithFoldersInNodejs": "Working with folders in Node.js"
+          },
+          "commandLine": {
+            "title": "Command Line",
+            "runNodejsScriptsFromTheCommandLine": "Run Node.js scripts from the command line",
+            "howToReadEnvironmentVariablesFromNodejs": "How to read environment variables from Node.js",
+            "howToUseTheNodejsRepl": "How to use the Node.js REPL",
+            "outputToTheCommandLineUsingNodejs": "Output to the command line using Node.js",
+            "acceptInputFromTheCommandLineInNodejs": "Accept input from the command line in Node.js"
+          }
+        }
+      },
+      "buttons": {
+        "toggleLanguage": "Toggle Language",
+        "toggleDarkMode": "Toggle dark/light mode"
+      }
+    },
+    "navigation": {
+      "about": {
+        "links": {
+          "governance": "Project Governance",
+          "releases": "Previous Releases",
+          "security": "Security Reporting"
+        }
+      },
+      "docs": {
+        "links": {
+          "es6": "ES6 and beyond",
+          "apiLts": "{fullLtsNodeVersion} API <graySpan>LTS</graySpan>",
+          "apiCurrent": "{fullCurrentNodeVersion} API",
+          "guides": "Guides <graySpan>ARCHIVED</graySpan>",
+          "dependencies": "Dependencies"
+        }
+      },
+      "getInvolved": {
+        "links": {
+          "collabSummit": "Collab Summit",
+          "contribute": "Contribute",
+          "codeOfConduct": "Code of Conduct"
+        }
+      }
+    },
+    "downloadList": {
+      "links": {
+        "previousReleases": "Previous Releases",
+        "packageManager": "Installing Node.js via package manager",
+        "shaSums": {
+          "title": "Signed SHASUMS for release files",
+          "howToVerify": " (How to verify)"
+        },
+        "allDownloads": "All download options",
+        "nightlyReleases": "Nightly builds",
+        "unofficialBuilds": "Unofficial builds",
+        "buildingFromSource": "Building Node.js from source on supported platforms",
+        "installingOnLinux": "Installing Node.js via binary archive",
+        "installingOnWsl": "Install on Windows Subsystem for Linux (WSL)"
+      }
+    },
+    "downloadReleasesTable": {
+      "changelog": "Changelog",
+      "releases": "Releases",
+      "docs": "Docs"
+    },
+    "pagination": {
+      "next": "Newer | ",
+      "previous": "Older"
+    },
+    "common": {
+      "breadcrumbs": {
+        "navigateToHome": "Navigate to Home"
+      },
+      "crossLink": {
+        "previous": "Prev",
+        "next": "Next"
+      },
+      "codebox": {
+        "copied": "Copied to clipboard!"
+      },
+      "pagination": {
+        "prev": "Previous",
+        "prevAriaLabel": "Previous page",
+        "next": "Next",
+        "nextAriaLabel": "Next page",
+        "defaultLabel": "Pagination",
+        "pageLabel": "Go to page {pageNumber}"
+      },
+      "languageDropdown": {
+        "label": "Choose Language"
+      },
+      "card": {
+        "announcement": "Announcements",
+        "release": "Releases",
+        "vulnerability": "Vulnerabilities"
+      }
+    },
+    "metabar": {
+      "lastUpdated": "Last Updated",
+      "readingTime": "Reading Time",
+      "addedIn": "Added In",
+      "author": "Author",
+      "authors": "Authors",
+      "contribute": "Contribute",
+      "contributeText": "Edit this page",
+      "viewAs": "View as",
+      "tableOfContents": "Table of Contents"
+    },
+    "api": {
+      "jsonLink": {
+        "title": "View as JSON"
+      },
+      "sourceLink": "Source Code:"
+    },
+    "home": {
+      "homeDownloadButton": {
+        "download": "{version} {isLts, select, true {LTS} other {Current}}",
+        "tagline": "{isLts, select, true {Recommended For Most Users} other {Latest Features}}",
+        "changelog": "Changelog",
+        "otherDownloads": "Other Downloads",
+        "apiDocs": "API Docs"
+      }
+    }
+  },
+  "layouts": {
+    "blogPost": {
+      "author": {
+        "byLine": "{author, select, null {} other {By {author}, }}"
+      }
+    },
+    "blogIndex": {
+      "currentYear": "News from {year}"
+    }
+  },
+  "pages": {
+    "404": {
+      "title": "404: Page could not be found",
+      "description": "ENOENT: no such file or directory"
+    }
+  }
 }

i18n/locales/en.json

···
 {
-  "components.footer.scrollToTop.button": "Scroll to top",
-  "components.header.links.about": "About",
-  "components.header.links.download": "Download",
-  "components.header.links.docs": "Docs",
-  "components.header.links.getInvolved": "Get Involved",
-  "components.header.links.security": "Security",
-  "components.header.links.certification": "Certification",
-  "components.header.links.blog": "News",
-  "components.footer.links.trademarkPolicy": "Trademark Policy",
-  "components.footer.links.privacyPolicy": "Privacy Policy",
-  "components.footer.links.codeOfConduct": "Code of Conduct",
-  "components.footer.links.security": "Security Policy",
-  "components.footer.links.openJS": "OpenJS Foundation",
-  "components.navigation.about.links.governance": "Project Governance",
-  "components.navigation.about.links.releases": "Previous Releases",
-  "components.navigation.about.links.security": "Security Reporting",
-  "components.navigation.docs.links.es6": "ES6 and beyond",
-  "components.navigation.docs.links.apiLts": "{fullLtsNodeVersion} API {spanLts}",
-  "components.navigation.docs.links.apiCurrent": "{fullCurrentNodeVersion} API",
-  "components.navigation.docs.links.guides": "Guides {spanGuides}",
-  "components.navigation.docs.links.dependencies": "Dependencies",
-  "components.navigation.getInvolved.links.collabSummit": "Collab Summit",
-  "components.navigation.getInvolved.links.contribute": "Contribute",
-  "components.navigation.getInvolved.links.codeOfConduct": "Code of Conduct",
-  "components.downloadList.links.previousReleases": "Previous Releases",
-  "components.downloadList.links.packageManager": "Installing Node.js via package manager",
-  "components.downloadList.links.shaSums": "Signed SHASUMS for release files",
-  "components.downloadList.links.shaSums.howToVerify": " (How to verify)",
-  "components.downloadList.links.allDownloads": "All download options",
-  "components.downloadList.links.nightlyReleases": "Nightly builds",
-  "components.downloadList.links.unofficialBuilds": "Unofficial builds",
-  "components.downloadList.links.buildingFromSource": "Building Node.js from source on supported platforms",
-  "components.downloadList.links.installingOnLinux": "Installing Node.js via binary archive",
-  "components.downloadList.links.installingOnWsl": "Install on Windows Subsystem for Linux (WSL)",
-  "components.downloadReleasesTable.changelog": "Changelog",
-  "components.downloadReleasesTable.releases": "Releases",
-  "components.downloadReleasesTable.docs": "Docs",
-  "components.header.buttons.toggleLanguage": "Toggle Language",
-  "components.header.buttons.toggleDarkMode": "Toggle dark/light mode",
-  "components.pagination.next": "Newer | ",
-  "components.pagination.previous": "Older",
-  "components.common.breadcrumbs.navigateToHome": "Navigate to Home",
-  "components.common.crossLink.previous": "Prev",
-  "components.common.crossLink.next": "Next",
-  "components.common.codebox.copied": "Copied to clipboard!",
-  "components.metabar.lastUpdated": "Last Updated",
-  "components.metabar.readingTime": "Reading Time",
-  "components.metabar.addedIn": "Added In",
-  "components.metabar.author": "Author",
-  "components.metabar.authors": "Authors",
-  "components.metabar.contribute": "Contribute",
-  "components.metabar.contributeText": "Edit this page",
-  "components.metabar.viewAs": "View as",
-  "components.metabar.tableOfContents": "Table of Contents",
-  "layouts.blogPost.author.byLine": "{author, select, null {} other {By {author}, }}",
-  "layouts.blogIndex.currentYear": "News from {year}",
-  "components.api.jsonLink.title": "View as JSON",
-  "components.api.sourceLink": "Source Code:",
-  "pages.404.title": "404: Page could not be found",
-  "pages.404.description": "ENOENT: no such file or directory",
-  "components.common.pagination.prev": "Previous",
-  "components.common.pagination.prevAriaLabel": "Previous page",
-  "components.common.pagination.next": "Next",
-  "components.common.pagination.nextAriaLabel": "Next page",
-  "components.common.pagination.defaultLabel": "Pagination",
-  "components.common.pagination.pageLabel": "Go to page {pageNumber}",
-  "components.common.languageDropdown.label": "Choose Language",
-  "components.common.card.announcement": "Announcements",
-  "components.common.card.release": "Releases",
-  "components.common.card.vulnerability": "Vulnerabilities",
-  "components.home.homeDownloadButton.download": "{version} {isLts, select, true {LTS} other {Current}}",
-  "components.home.homeDownloadButton.tagline": "{isLts, select, true {Recommended For Most Users} other {Latest Features}}",
-  "components.home.homeDownloadButton.changelog": "Changelog",
-  "components.home.homeDownloadButton.otherDownloads": "Other Downloads",
-  "components.home.homeDownloadButton.apiDocs": "API Docs",
-  "components.header.links.learn": "Learn",
-  "components.header.links.learn.gettingStarted": "Getting Started",
-  "components.header.links.learn.gettingStarted.introductionToNodejs": "Introduction to Node.js",
-  "components.header.links.learn.gettingStarted.howToInstallNodejs": "How to install Node.js",
-  "components.header.links.learn.gettingStarted.howMuchJavascriptDoYouNeedToKnowToUseNodejs": "How much JavaScript do you need to know to use Node.js?",
-  "components.header.links.learn.gettingStarted.differencesBetweenNodejsAndTheBrowser": "Differences between Node.js and the Browser",
-  "components.header.links.learn.gettingStarted.theV8JavascriptEngine": "The V8 JavaScript Engine",
-  "components.header.links.learn.gettingStarted.anIntroductionToTheNpmPackageManager": "An introduction to the NPM package manager",
-  "components.header.links.learn.gettingStarted.ecmascript2015Es6AndBeyond": "ECMAScript 2015 (ES6) and beyond",
-  "components.header.links.learn.gettingStarted.nodejsTheDifferenceBetweenDevelopmentAndProduction": "Node.js, the difference between development and production",
-  "components.header.links.learn.gettingStarted.nodejsWithTypescript": "Node.js with TypeScript",
-  "components.header.links.learn.gettingStarted.nodejsWithWebassembly": "Node.js with WebAssembly",
-  "components.header.links.learn.asynchronousWork": "Asynchronous Work",
-  "components.header.links.learn.asynchronousWork.asynchronousFlowControl": "Asynchronous flow control",
-  "components.header.links.learn.asynchronousWork.overviewOfBlockingVsNonBlocking": "Overview of Blocking vs Non-Blocking",
-  "components.header.links.learn.asynchronousWork.javascriptAsynchronousProgrammingAndCallbacks": "JavaScript Asynchronous Programming and Callbacks",
-  "components.header.links.learn.asynchronousWork.discoverJavaScriptTimers": "Discover JavaScript Timers",
-  "components.header.links.learn.asynchronousWork.understandingProcessnexttick": "Understanding process.nextTick()",
-  "components.header.links.learn.asynchronousWork.understandingSetimmediate": "Understanding setImmediate()",
-  "components.header.links.learn.asynchronousWork.theNodejsEventEmitter": "The Node.js Event emitter",
-  "components.header.links.learn.manipulatingFiles": "Manipulating Files",
-  "components.header.links.learn.manipulatingFiles.nodejsFileStats": "Node.js file stats",
-  "components.header.links.learn.manipulatingFiles.nodejsFilePaths": "Node.js File Paths",
-  "components.header.links.learn.manipulatingFiles.workingWithFileDescriptorsInNodejs": "Working with file descriptors in Node.js",
-  "components.header.links.learn.manipulatingFiles.readingFilesWithNodejs": "Reading files with Node.js",
-  "components.header.links.learn.manipulatingFiles.writingFilesWithNodejs": "Writing files with Node.js",
-  "components.header.links.learn.manipulatingFiles.workingWithFoldersInNodejs": "Working with folders in Node.js",
-  "components.header.links.learn.commandLine": "Command Line",
-  "components.header.links.learn.commandLine.runNodejsScriptsFromTheCommandLine": "Run Node.js scripts from the command line",
-  "components.header.links.learn.commandLine.howToReadEnvironmentVariablesFromNodejs": "How to read environment variables from Node.js",
-  "components.header.links.learn.commandLine.howToUseTheNodejsRepl": "How to use the Node.js REPL",
-  "components.header.links.learn.commandLine.outputToTheCommandLineUsingNodejs": "Output to the command line using Node.js",
-  "components.header.links.learn.commandLine.acceptInputFromTheCommandLineInNodejs": "Accept input from the command line in Node.js"
+  "components": {
+    "footer": {
+      "scrollToTop": {
+        "button": "Scroll to top"
+      },
+      "links": {
+        "trademarkPolicy": "Trademark Policy",
+        "privacyPolicy": "Privacy Policy",
+        "codeOfConduct": "Code of Conduct",
+        "security": "Security Policy",
+        "openJS": "OpenJS Foundation"
+      }
+    },
+    "header": {
+      "links": {
+        "about": "About",
+        "download": "Download",
+        "docs": "Docs",
+        "getInvolved": "Get Involved",
+        "security": "Security",
+        "certification": "Certification",
+        "blog": "News",
+        "learn": {
+          "title": "Learn",
+          "gettingStarted": {
+            "title": "Getting Started",
+            "introductionToNodejs": "Introduction to Node.js",
+            "howToInstallNodejs": "How to install Node.js",
+            "howMuchJavascriptDoYouNeedToKnowToUseNodejs": "How much JavaScript do you need to know to use Node.js?",
+            "differencesBetweenNodejsAndTheBrowser": "Differences between Node.js and the Browser",
+            "theV8JavascriptEngine": "The V8 JavaScript Engine",
+            "anIntroductionToTheNpmPackageManager": "An introduction to the NPM package manager",
+            "ecmascript2015Es6AndBeyond": "ECMAScript 2015 (ES6) and beyond",
+            "nodejsTheDifferenceBetweenDevelopmentAndProduction": "Node.js, the difference between development and production",
+            "nodejsWithTypescript": "Node.js with TypeScript",
+            "nodejsWithWebassembly": "Node.js with WebAssembly"
+          },
+          "asynchronousWork": {
+            "title": "Asynchronous Work",
+            "asynchronousFlowControl": "Asynchronous flow control",
+            "overviewOfBlockingVsNonBlocking": "Overview of Blocking vs Non-Blocking",
+            "javascriptAsynchronousProgrammingAndCallbacks": "JavaScript Asynchronous Programming and Callbacks",
+            "discoverJavaScriptTimers": "Discover JavaScript Timers",
+            "understandingProcessnexttick": "Understanding process.nextTick()",
+            "understandingSetimmediate": "Understanding setImmediate()",
+            "theNodejsEventEmitter": "The Node.js Event emitter"
+          },
+          "manipulatingFiles": {
+            "title": "Manipulating Files",
+            "nodejsFileStats": "Node.js file stats",
+            "nodejsFilePaths": "Node.js File Paths",
+            "workingWithFileDescriptorsInNodejs": "Working with file descriptors in Node.js",
+            "readingFilesWithNodejs": "Reading files with Node.js",
+            "writingFilesWithNodejs": "Writing files with Node.js",
+            "workingWithFoldersInNodejs": "Working with folders in Node.js"
+          },
+          "commandLine": {
+            "title": "Command Line",
+            "runNodejsScriptsFromTheCommandLine": "Run Node.js scripts from the command line",
+            "howToReadEnvironmentVariablesFromNodejs": "How to read environment variables from Node.js",
+            "howToUseTheNodejsRepl": "How to use the Node.js REPL",
+            "outputToTheCommandLineUsingNodejs": "Output to the command line using Node.js",
+            "acceptInputFromTheCommandLineInNodejs": "Accept input from the command line in Node.js"
+          }
+        }
+      },
+      "buttons": {
+        "toggleLanguage": "Toggle Language",
+        "toggleDarkMode": "Toggle dark/light mode"
+      }
+    },
+    "navigation": {
+      "about": {
+        "links": {
+          "governance": "Project Governance",
+          "releases": "Previous Releases",
+          "security": "Security Reporting"
+        }
+      },
+      "docs": {
+        "links": {
+          "es6": "ES6 and beyond",
+          "apiLts": "{fullLtsNodeVersion} API <graySpan>LTS</graySpan>",
+          "apiCurrent": "{fullCurrentNodeVersion} API",
+          "guides": "Guides <graySpan>ARCHIVED</graySpan>",
+          "dependencies": "Dependencies"
+        }
+      },
+      "getInvolved": {
+        "links": {
+          "collabSummit": "Collab Summit",
+          "contribute": "Contribute",
+          "codeOfConduct": "Code of Conduct"
+        }
+      }
+    },
+    "downloadList": {
+      "links": {
+        "previousReleases": "Previous Releases",
+        "packageManager": "Installing Node.js via package manager",
+        "shaSums": {
+          "title": "Signed SHASUMS for release files",
+          "howToVerify": " (How to verify)"
+        },
+        "allDownloads": "All download options",
+        "nightlyReleases": "Nightly builds",
+        "unofficialBuilds": "Unofficial builds",
+        "buildingFromSource": "Building Node.js from source on supported platforms",
+        "installingOnLinux": "Installing Node.js via binary archive",
+        "installingOnWsl": "Install on Windows Subsystem for Linux (WSL)"
+      }
+    },
+    "downloadReleasesTable": {
+      "changelog": "Changelog",
+      "releases": "Releases",
+      "docs": "Docs"
+    },
+    "pagination": {
+      "next": "Newer | ",
+      "previous": "Older"
+    },
+    "common": {
+      "breadcrumbs": {
+        "navigateToHome": "Navigate to Home"
+      },
+      "crossLink": {
+        "previous": "Prev",
+        "next": "Next"
+      },
+      "codebox": {
+        "copied": "Copied to clipboard!"
+      },
+      "pagination": {
+        "prev": "Previous",
+        "prevAriaLabel": "Previous page",
+        "next": "Next",
+        "nextAriaLabel": "Next page",
+        "defaultLabel": "Pagination",
+        "pageLabel": "Go to page {pageNumber}"
+      },
+      "languageDropdown": {
+        "label": "Choose Language"
+      },
+      "card": {
+        "announcement": "Announcements",
+        "release": "Releases",
+        "vulnerability": "Vulnerabilities"
+      }
+    },
+    "metabar": {
+      "lastUpdated": "Last Updated",
+      "readingTime": "Reading Time",
+      "addedIn": "Added In",
+      "author": "Author",
+      "authors": "Authors",
+      "contribute": "Contribute",
+      "contributeText": "Edit this page",
+      "viewAs": "View as",
+      "tableOfContents": "Table of Contents"
+    },
+    "api": {
+      "jsonLink": {
+        "title": "View as JSON"
+      },
+      "sourceLink": "Source Code:"
+    },
+    "home": {
+      "homeDownloadButton": {
+        "download": "{version} {isLts, select, true {LTS} other {Current}}",
+        "tagline": "{isLts, select, true {Recommended For Most Users} other {Latest Features}}",
+        "changelog": "Changelog",
+        "otherDownloads": "Other Downloads",
+        "apiDocs": "API Docs"
+      }
+    }
+  },
+  "layouts": {
+    "blogPost": {
+      "author": {
+        "byLine": "{author, select, null {} other {By {author}, }}"
+      }
+    },
+    "blogIndex": {
+      "currentYear": "News from {year}"
+    }
+  },
+  "pages": {
+    "404": {
+      "title": "404: Page could not be found",
+      "description": "ENOENT: no such file or directory"
+    }
+  }
 }

i18n/locales/es.json

···
 {
-  "components.footer.scrollToTop.button": "Scroll to top",
-  "components.header.links.about": "About",
-  "components.header.links.download": "Download",
-  "components.header.links.docs": "Docs",
-  "components.header.links.getInvolved": "Get Involved",
-  "components.header.links.security": "Security",
-  "components.header.links.certification": "Certification",
-  "components.header.links.blog": "News",
-  "components.footer.links.trademarkPolicy": "Trademark Policy",
-  "components.footer.links.privacyPolicy": "Privacy Policy",
-  "components.footer.links.codeOfConduct": "Code of Conduct",
-  "components.footer.links.security": "Security Policy",
-  "components.footer.links.openJS": "OpenJS Foundation",
-  "components.navigation.about.links.governance": "Project Governance",
-  "components.navigation.about.links.releases": "Previous Releases",
-  "components.navigation.about.links.security": "Security Reporting",
-  "components.navigation.docs.links.es6": "ES6 and beyond",
-  "components.navigation.docs.links.apiLts": "{fullLtsNodeVersion} API {spanLts}",
-  "components.navigation.docs.links.apiCurrent": "{fullCurrentNodeVersion} API",
-  "components.navigation.docs.links.guides": "Guides {spanGuides}",
-  "components.navigation.docs.links.dependencies": "Dependencies",
-  "components.navigation.getInvolved.links.collabSummit": "Collab Summit",
-  "components.navigation.getInvolved.links.contribute": "Contribute",
-  "components.navigation.getInvolved.links.codeOfConduct": "Code of Conduct",
-  "components.downloadList.links.previousReleases": "Previous Releases",
-  "components.downloadList.links.packageManager": "Installing Node.js via package manager",
-  "components.downloadList.links.shaSums": "Signed SHASUMS for release files",
-  "components.downloadList.links.shaSums.howToVerify": " (How to verify)",
-  "components.downloadList.links.allDownloads": "All download options",
-  "components.downloadList.links.nightlyReleases": "Nightly builds",
-  "components.downloadList.links.unofficialBuilds": "Unofficial builds",
-  "components.downloadList.links.buildingFromSource": "Building Node.js from source on supported platforms",
-  "components.downloadList.links.installingOnLinux": "Installing Node.js via binary archive",
-  "components.downloadList.links.installingOnWsl": "Install on Windows Subsystem for Linux (WSL)",
-  "components.downloadReleasesTable.changelog": "Changelog",
-  "components.downloadReleasesTable.releases": "Releases",
-  "components.downloadReleasesTable.docs": "Docs",
-  "components.header.buttons.toggleLanguage": "Toggle Language",
-  "components.header.buttons.toggleDarkMode": "Toggle dark/light mode",
-  "components.pagination.next": "Newer | ",
-  "components.pagination.previous": "Older",
-  "components.common.breadcrumbs.navigateToHome": "Navigate to Home",
-  "components.common.crossLink.previous": "Prev",
-  "components.common.crossLink.next": "Next",
-  "components.common.codebox.copied": "Copied to clipboard!",
-  "components.metabar.lastUpdated": "Last Updated",
-  "components.metabar.readingTime": "Reading Time",
-  "components.metabar.addedIn": "Added In",
-  "components.metabar.author": "Author",
-  "components.metabar.authors": "Authors",
-  "components.metabar.contribute": "Contribute",
-  "components.metabar.contributeText": "Edit this page",
-  "components.metabar.viewAs": "View as",
-  "components.metabar.tableOfContents": "Table of Contents",
-  "layouts.blogPost.author.byLine": "{author, select, null {} other {By {author}, }}",
-  "layouts.blogIndex.currentYear": "News from {year}",
-  "components.api.jsonLink.title": "View as JSON",
-  "components.api.sourceLink": "Source Code:",
-  "pages.404.title": "404: Page could not be found",
-  "pages.404.description": "ENOENT: no such file or directory",
-  "components.common.pagination.prev": "Previous",
-  "components.common.pagination.prevAriaLabel": "Previous page",
-  "components.common.pagination.next": "Next",
-  "components.common.pagination.nextAriaLabel": "Next page",
-  "components.common.pagination.defaultLabel": "Pagination",
-  "components.common.pagination.pageLabel": "Go to page {pageNumber}",
-  "components.common.languageDropdown.label": "Choose Language",
-  "components.common.card.announcement": "Announcements",
-  "components.common.card.release": "Releases",
-  "components.common.card.vulnerability": "Vulnerabilities",
-  "components.home.homeDownloadButton.download": "{version} {isLts, select, true {LTS} other {Current}}",
-  "components.home.homeDownloadButton.tagline": "{isLts, select, true {Recommended For Most Users} other {Latest Features}}",
-  "components.home.homeDownloadButton.changelog": "Changelog",
-  "components.home.homeDownloadButton.otherDownloads": "Other Downloads",
-  "components.home.homeDownloadButton.apiDocs": "API Docs",
-  "components.header.links.learn": "Learn",
-  "components.header.links.learn.gettingStarted": "Getting Started",
-  "components.header.links.learn.gettingStarted.introductionToNodejs": "Introduction to Node.js",
-  "components.header.links.learn.gettingStarted.howToInstallNodejs": "How to install Node.js",
-  "components.header.links.learn.gettingStarted.howMuchJavascriptDoYouNeedToKnowToUseNodejs": "How much JavaScript do you need to know to use Node.js?",
-  "components.header.links.learn.gettingStarted.differencesBetweenNodejsAndTheBrowser": "Differences between Node.js and the Browser",
-  "components.header.links.learn.gettingStarted.theV8JavascriptEngine": "The V8 JavaScript Engine",
-  "components.header.links.learn.gettingStarted.anIntroductionToTheNpmPackageManager": "An introduction to the NPM package manager",
-  "components.header.links.learn.gettingStarted.ecmascript2015Es6AndBeyond": "ECMAScript 2015 (ES6) and beyond",
-  "components.header.links.learn.gettingStarted.nodejsTheDifferenceBetweenDevelopmentAndProduction": "Node.js, the difference between development and production",
-  "components.header.links.learn.gettingStarted.nodejsWithTypescript": "Node.js with TypeScript",
-  "components.header.links.learn.gettingStarted.nodejsWithWebassembly": "Node.js with WebAssembly",
-  "components.header.links.learn.asynchronousWork": "Asynchronous Work",
-  "components.header.links.learn.asynchronousWork.asynchronousFlowControl": "Asynchronous flow control",
-  "components.header.links.learn.asynchronousWork.overviewOfBlockingVsNonBlocking": "Overview of Blocking vs Non-Blocking",
-  "components.header.links.learn.asynchronousWork.javascriptAsynchronousProgrammingAndCallbacks": "JavaScript Asynchronous Programming and Callbacks",
-  "components.header.links.learn.asynchronousWork.discoverJavaScriptTimers": "Discover JavaScript Timers",
-  "components.header.links.learn.asynchronousWork.understandingProcessnexttick": "Understanding process.nextTick()",
-  "components.header.links.learn.asynchronousWork.understandingSetimmediate": "Understanding setImmediate()",
-  "components.header.links.learn.asynchronousWork.theNodejsEventEmitter": "The Node.js Event emitter",
-  "components.header.links.learn.manipulatingFiles": "Manipulating Files",
-  "components.header.links.learn.manipulatingFiles.nodejsFileStats": "Node.js file stats",
-  "components.header.links.learn.manipulatingFiles.nodejsFilePaths": "Node.js File Paths",
-  "components.header.links.learn.manipulatingFiles.workingWithFileDescriptorsInNodejs": "Working with file descriptors in Node.js",
-  "components.header.links.learn.manipulatingFiles.readingFilesWithNodejs": "Reading files with Node.js",
-  "components.header.links.learn.manipulatingFiles.writingFilesWithNodejs": "Writing files with Node.js",
-  "components.header.links.learn.manipulatingFiles.workingWithFoldersInNodejs": "Working with folders in Node.js",
-  "components.header.links.learn.commandLine": "Command Line",
-  "components.header.links.learn.commandLine.runNodejsScriptsFromTheCommandLine": "Run Node.js scripts from the command line",
-  "components.header.links.learn.commandLine.howToReadEnvironmentVariablesFromNodejs": "How to read environment variables from Node.js",
-  "components.header.links.learn.commandLine.howToUseTheNodejsRepl": "How to use the Node.js REPL",
-  "components.header.links.learn.commandLine.outputToTheCommandLineUsingNodejs": "Output to the command line using Node.js",
-  "components.header.links.learn.commandLine.acceptInputFromTheCommandLineInNodejs": "Accept input from the command line in Node.js"
+  "components": {
+    "footer": {
+      "scrollToTop": {
+        "button": "Scroll to top"
+      },
+      "links": {
+        "trademarkPolicy": "Trademark Policy",
+        "privacyPolicy": "Privacy Policy",
+        "codeOfConduct": "Code of Conduct",
+        "security": "Security Policy",
+        "openJS": "OpenJS Foundation"
+      }
+    },
+    "header": {
+      "links": {
+        "about": "About",
+        "download": "Download",
+        "docs": "Docs",
+        "getInvolved": "Get Involved",
+        "security": "Security",
+        "certification": "Certification",
+        "blog": "News",
+        "learn": {
+          "title": "Learn",
+          "gettingStarted": {
+            "title": "Getting Started",
+            "introductionToNodejs": "Introduction to Node.js",
+            "howToInstallNodejs": "How to install Node.js",
+            "howMuchJavascriptDoYouNeedToKnowToUseNodejs": "How much JavaScript do you need to know to use Node.js?",
+            "differencesBetweenNodejsAndTheBrowser": "Differences between Node.js and the Browser",
+            "theV8JavascriptEngine": "The V8 JavaScript Engine",
+            "anIntroductionToTheNpmPackageManager": "An introduction to the NPM package manager",
+            "ecmascript2015Es6AndBeyond": "ECMAScript 2015 (ES6) and beyond",
+            "nodejsTheDifferenceBetweenDevelopmentAndProduction": "Node.js, the difference between development and production",
+            "nodejsWithTypescript": "Node.js with TypeScript",
+            "nodejsWithWebassembly": "Node.js with WebAssembly"
+          },
+          "asynchronousWork": {
+            "title": "Asynchronous Work",
+            "asynchronousFlowControl": "Asynchronous flow control",
+            "overviewOfBlockingVsNonBlocking": "Overview of Blocking vs Non-Blocking",
+            "javascriptAsynchronousProgrammingAndCallbacks": "JavaScript Asynchronous Programming and Callbacks",
+            "discoverJavaScriptTimers": "Discover JavaScript Timers",
+            "understandingProcessnexttick": "Understanding process.nextTick()",
+            "understandingSetimmediate": "Understanding setImmediate()",
+            "theNodejsEventEmitter": "The Node.js Event emitter"
+          },
+          "manipulatingFiles": {
+            "title": "Manipulating Files",
+            "nodejsFileStats": "Node.js file stats",
+            "nodejsFilePaths": "Node.js File Paths",
+            "workingWithFileDescriptorsInNodejs": "Working with file descriptors in Node.js",
+            "readingFilesWithNodejs": "Reading files with Node.js",
+            "writingFilesWithNodejs": "Writing files with Node.js",
+            "workingWithFoldersInNodejs": "Working with folders in Node.js"
+          },
+          "commandLine": {
+            "title": "Command Line",
+            "runNodejsScriptsFromTheCommandLine": "Run Node.js scripts from the command line",
+            "howToReadEnvironmentVariablesFromNodejs": "How to read environment variables from Node.js",
+            "howToUseTheNodejsRepl": "How to use the Node.js REPL",
+            "outputToTheCommandLineUsingNodejs": "Output to the command line using Node.js",
+            "acceptInputFromTheCommandLineInNodejs": "Accept input from the command line in Node.js"
+          }
+        }
+      },
+      "buttons": {
+        "toggleLanguage": "Toggle Language",
+        "toggleDarkMode": "Toggle dark/light mode"
+      }
+    },
+    "navigation": {
+      "about": {
+        "links": {
+          "governance": "Project Governance",
+          "releases": "Previous Releases",
+          "security": "Security Reporting"
+        }
+      },
+      "docs": {
+        "links": {
+          "es6": "ES6 and beyond",
+          "apiLts": "{fullLtsNodeVersion} API <graySpan>LTS</graySpan>",
+          "apiCurrent": "{fullCurrentNodeVersion} API",
+          "guides": "Guides <graySpan>ARCHIVED</graySpan>",
+          "dependencies": "Dependencies"
+        }
+      },
+      "getInvolved": {
+        "links": {
+          "collabSummit": "Collab Summit",
+          "contribute": "Contribute",
+          "codeOfConduct": "Code of Conduct"
+        }
+      }
+    },
+    "downloadList": {
+      "links": {
+        "previousReleases": "Previous Releases",
+        "packageManager": "Installing Node.js via package manager",
+        "shaSums": {
+          "title": "Signed SHASUMS for release files",
+          "howToVerify": " (How to verify)"
+        },
+        "allDownloads": "All download options",
+        "nightlyReleases": "Nightly builds",
+        "unofficialBuilds": "Unofficial builds",
+        "buildingFromSource": "Building Node.js from source on supported platforms",
+        "installingOnLinux": "Installing Node.js via binary archive",
+        "installingOnWsl": "Install on Windows Subsystem for Linux (WSL)"
+      }
+    },
+    "downloadReleasesTable": {
+      "changelog": "Changelog",
+      "releases": "Releases",
+      "docs": "Docs"
+    },
+    "pagination": {
+      "next": "Newer | ",
+      "previous": "Older"
+    },
+    "common": {
+      "breadcrumbs": {
+        "navigateToHome": "Navigate to Home"
+      },
+      "crossLink": {
+        "previous": "Prev",
+        "next": "Next"
+      },
+      "codebox": {
+        "copied": "Copied to clipboard!"
+      },
+      "pagination": {
+        "prev": "Previous",
+        "prevAriaLabel": "Previous page",
+        "next": "Next",
+        "nextAriaLabel": "Next page",
+        "defaultLabel": "Pagination",
+        "pageLabel": "Go to page {pageNumber}"
+      },
+      "languageDropdown": {
+        "label": "Choose Language"
+      },
+      "card": {
+        "announcement": "Announcements",
+        "release": "Releases",
+        "vulnerability": "Vulnerabilities"
+      }
+    },
+    "metabar": {
+      "lastUpdated": "Last Updated",
+      "readingTime": "Reading Time",
+      "addedIn": "Added In",
+      "author": "Author",
+      "authors": "Authors",
+      "contribute": "Contribute",
+      "contributeText": "Edit this page",
+      "viewAs": "View as",
+      "tableOfContents": "Table of Contents"
+    },
+    "api": {
+      "jsonLink": {
+        "title": "View as JSON"
+      },
+      "sourceLink": "Source Code:"
+    },
+    "home": {
+      "homeDownloadButton": {
+        "download": "{version} {isLts, select, true {LTS} other {Current}}",
+        "tagline": "{isLts, select, true {Recommended For Most Users} other {Latest Features}}",
+        "changelog": "Changelog",
+        "otherDownloads": "Other Downloads",
+        "apiDocs": "API Docs"
+      }
+    }
+  },
+  "layouts": {
+    "blogPost": {
+      "author": {
+        "byLine": "{author, select, null {} other {By {author}, }}"
+      }
+    },
+    "blogIndex": {
+      "currentYear": "News from {year}"
+    }
+  },
+  "pages": {
+    "404": {
+      "title": "404: Page could not be found",
+      "description": "ENOENT: no such file or directory"
+    }
+  }
 }

i18n/locales/fr.json

···
 {
-  "components.footer.scrollToTop.button": "Scroll to top",
-  "components.header.links.about": "About",
-  "components.header.links.download": "Download",
-  "components.header.links.docs": "Docs",
-  "components.header.links.getInvolved": "Get Involved",
-  "components.header.links.security": "Security",
-  "components.header.links.certification": "Certification",
-  "components.header.links.blog": "News",
-  "components.footer.links.trademarkPolicy": "Trademark Policy",
-  "components.footer.links.privacyPolicy": "Privacy Policy",
-  "components.footer.links.codeOfConduct": "Code of Conduct",
-  "components.footer.links.security": "Security Policy",
-  "components.footer.links.openJS": "OpenJS Foundation",
-  "components.navigation.about.links.governance": "Project Governance",
-  "components.navigation.about.links.releases": "Previous Releases",
-  "components.navigation.about.links.security": "Security Reporting",
-  "components.navigation.docs.links.es6": "ES6 and beyond",
-  "components.navigation.docs.links.apiLts": "{fullLtsNodeVersion} API {spanLts}",
-  "components.navigation.docs.links.apiCurrent": "{fullCurrentNodeVersion} API",
-  "components.navigation.docs.links.guides": "Guides {spanGuides}",
-  "components.navigation.docs.links.dependencies": "Dependencies",
-  "components.navigation.getInvolved.links.collabSummit": "Collab Summit",
-  "components.navigation.getInvolved.links.contribute": "Contribute",
-  "components.navigation.getInvolved.links.codeOfConduct": "Code of Conduct",
-  "components.downloadList.links.previousReleases": "Previous Releases",
-  "components.downloadList.links.packageManager": "Installing Node.js via package manager",
-  "components.downloadList.links.shaSums": "Signed SHASUMS for release files",
-  "components.downloadList.links.shaSums.howToVerify": " (How to verify)",
-  "components.downloadList.links.allDownloads": "All download options",
-  "components.downloadList.links.nightlyReleases": "Nightly builds",
-  "components.downloadList.links.unofficialBuilds": "Unofficial builds",
-  "components.downloadList.links.buildingFromSource": "Building Node.js from source on supported platforms",
-  "components.downloadList.links.installingOnLinux": "Installing Node.js via binary archive",
-  "components.downloadList.links.installingOnWsl": "Install on Windows Subsystem for Linux (WSL)",
-  "components.downloadReleasesTable.changelog": "Changelog",
-  "components.downloadReleasesTable.releases": "Releases",
-  "components.downloadReleasesTable.docs": "Docs",
-  "components.header.buttons.toggleLanguage": "Toggle Language",
-  "components.header.buttons.toggleDarkMode": "Toggle dark/light mode",
-  "components.pagination.next": "Newer | ",
-  "components.pagination.previous": "Older",
-  "components.common.breadcrumbs.navigateToHome": "Navigate to Home",
-  "components.common.crossLink.previous": "Prev",
-  "components.common.crossLink.next": "Next",
-  "components.common.codebox.copied": "Copied to clipboard!",
-  "components.metabar.lastUpdated": "Last Updated",
-  "components.metabar.readingTime": "Reading Time",
-  "components.metabar.addedIn": "Added In",
-  "components.metabar.author": "Author",
-  "components.metabar.authors": "Authors",
-  "components.metabar.contribute": "Contribute",
-  "components.metabar.contributeText": "Edit this page",
-  "components.metabar.viewAs": "View as",
-  "components.metabar.tableOfContents": "Table of Contents",
-  "layouts.blogPost.author.byLine": "{author, select, null {} other {By {author}, }}",
-  "layouts.blogIndex.currentYear": "News from {year}",
-  "components.api.jsonLink.title": "View as JSON",
-  "components.api.sourceLink": "Source Code:",
-  "pages.404.title": "404: Page could not be found",
-  "pages.404.description": "ENOENT: no such file or directory",
-  "components.common.pagination.prev": "Previous",
-  "components.common.pagination.prevAriaLabel": "Previous page",
-  "components.common.pagination.next": "Next",
-  "components.common.pagination.nextAriaLabel": "Next page",
-  "components.common.pagination.defaultLabel": "Pagination",
-  "components.common.pagination.pageLabel": "Go to page {pageNumber}",
-  "components.common.languageDropdown.label": "Choose Language",
-  "components.common.card.announcement": "Announcements",
-  "components.common.card.release": "Releases",
-  "components.common.card.vulnerability": "Vulnerabilities",
-  "components.home.homeDownloadButton.download": "{version} {isLts, select, true {LTS} other {Current}}",
-  "components.home.homeDownloadButton.tagline": "{isLts, select, true {Recommended For Most Users} other {Latest Features}}",
-  "components.home.homeDownloadButton.changelog": "Changelog",
-  "components.home.homeDownloadButton.otherDownloads": "Other Downloads",
-  "components.home.homeDownloadButton.apiDocs": "API Docs",
-  "components.header.links.learn": "Learn",
-  "components.header.links.learn.gettingStarted": "Getting Started",
-  "components.header.links.learn.gettingStarted.introductionToNodejs": "Introduction to Node.js",
-  "components.header.links.learn.gettingStarted.howToInstallNodejs": "How to install Node.js",
-  "components.header.links.learn.gettingStarted.howMuchJavascriptDoYouNeedToKnowToUseNodejs": "How much JavaScript do you need to know to use Node.js?",
-  "components.header.links.learn.gettingStarted.differencesBetweenNodejsAndTheBrowser": "Differences between Node.js and the Browser",
-  "components.header.links.learn.gettingStarted.theV8JavascriptEngine": "The V8 JavaScript Engine",
-  "components.header.links.learn.gettingStarted.anIntroductionToTheNpmPackageManager": "An introduction to the NPM package manager",
-  "components.header.links.learn.gettingStarted.ecmascript2015Es6AndBeyond": "ECMAScript 2015 (ES6) and beyond",
-  "components.header.links.learn.gettingStarted.nodejsTheDifferenceBetweenDevelopmentAndProduction": "Node.js, the difference between development and production",
-  "components.header.links.learn.gettingStarted.nodejsWithTypescript": "Node.js with TypeScript",
-  "components.header.links.learn.gettingStarted.nodejsWithWebassembly": "Node.js with WebAssembly",
-  "components.header.links.learn.asynchronousWork": "Asynchronous Work",
-  "components.header.links.learn.asynchronousWork.asynchronousFlowControl": "Asynchronous flow control",
-  "components.header.links.learn.asynchronousWork.overviewOfBlockingVsNonBlocking": "Overview of Blocking vs Non-Blocking",
-  "components.header.links.learn.asynchronousWork.javascriptAsynchronousProgrammingAndCallbacks": "JavaScript Asynchronous Programming and Callbacks",
-  "components.header.links.learn.asynchronousWork.discoverJavaScriptTimers": "Discover JavaScript Timers",
-  "components.header.links.learn.asynchronousWork.understandingProcessnexttick": "Understanding process.nextTick()",
-  "components.header.links.learn.asynchronousWork.understandingSetimmediate": "Understanding setImmediate()",
-  "components.header.links.learn.asynchronousWork.theNodejsEventEmitter": "The Node.js Event emitter",
-  "components.header.links.learn.manipulatingFiles": "Manipulating Files",
-  "components.header.links.learn.manipulatingFiles.nodejsFileStats": "Node.js file stats",
-  "components.header.links.learn.manipulatingFiles.nodejsFilePaths": "Node.js File Paths",
-  "components.header.links.learn.manipulatingFiles.workingWithFileDescriptorsInNodejs": "Working with file descriptors in Node.js",
-  "components.header.links.learn.manipulatingFiles.readingFilesWithNodejs": "Reading files with Node.js",
-  "components.header.links.learn.manipulatingFiles.writingFilesWithNodejs": "Writing files with Node.js",
-  "components.header.links.learn.manipulatingFiles.workingWithFoldersInNodejs": "Working with folders in Node.js",
-  "components.header.links.learn.commandLine": "Command Line",
-  "components.header.links.learn.commandLine.runNodejsScriptsFromTheCommandLine": "Run Node.js scripts from the command line",
-  "components.header.links.learn.commandLine.howToReadEnvironmentVariablesFromNodejs": "How to read environment variables from Node.js",
-  "components.header.links.learn.commandLine.howToUseTheNodejsRepl": "How to use the Node.js REPL",
-  "components.header.links.learn.commandLine.outputToTheCommandLineUsingNodejs": "Output to the command line using Node.js",
-  "components.header.links.learn.commandLine.acceptInputFromTheCommandLineInNodejs": "Accept input from the command line in Node.js"
+  "components": {
+    "footer": {
+      "scrollToTop": {
+        "button": "Scroll to top"
+      },
+      "links": {
+        "trademarkPolicy": "Trademark Policy",
+        "privacyPolicy": "Privacy Policy",
+        "codeOfConduct": "Code of Conduct",
+        "security": "Security Policy",
+        "openJS": "OpenJS Foundation"
+      }
+    },
+    "header": {
+      "links": {
+        "about": "About",
+        "download": "Download",
+        "docs": "Docs",
+        "getInvolved": "Get Involved",
+        "security": "Security",
+        "certification": "Certification",
+        "blog": "News",
+        "learn": {
+          "title": "Learn",
+          "gettingStarted": {
+            "title": "Getting Started",
+            "introductionToNodejs": "Introduction to Node.js",
+            "howToInstallNodejs": "How to install Node.js",
+            "howMuchJavascriptDoYouNeedToKnowToUseNodejs": "How much JavaScript do you need to know to use Node.js?",
+            "differencesBetweenNodejsAndTheBrowser": "Differences between Node.js and the Browser",
+            "theV8JavascriptEngine": "The V8 JavaScript Engine",
+            "anIntroductionToTheNpmPackageManager": "An introduction to the NPM package manager",
+            "ecmascript2015Es6AndBeyond": "ECMAScript 2015 (ES6) and beyond",
+            "nodejsTheDifferenceBetweenDevelopmentAndProduction": "Node.js, the difference between development and production",
+            "nodejsWithTypescript": "Node.js with TypeScript",
+            "nodejsWithWebassembly": "Node.js with WebAssembly"
+          },
+          "asynchronousWork": {
+            "title": "Asynchronous Work",
+            "asynchronousFlowControl": "Asynchronous flow control",
+            "overviewOfBlockingVsNonBlocking": "Overview of Blocking vs Non-Blocking",
+            "javascriptAsynchronousProgrammingAndCallbacks": "JavaScript Asynchronous Programming and Callbacks",
+            "discoverJavaScriptTimers": "Discover JavaScript Timers",
+            "understandingProcessnexttick": "Understanding process.nextTick()",
+            "understandingSetimmediate": "Understanding setImmediate()",
+            "theNodejsEventEmitter": "The Node.js Event emitter"
+          },
+          "manipulatingFiles": {
+            "title": "Manipulating Files",
+            "nodejsFileStats": "Node.js file stats",
+            "nodejsFilePaths": "Node.js File Paths",
+            "workingWithFileDescriptorsInNodejs": "Working with file descriptors in Node.js",
+            "readingFilesWithNodejs": "Reading files with Node.js",
+            "writingFilesWithNodejs": "Writing files with Node.js",
+            "workingWithFoldersInNodejs": "Working with folders in Node.js"
+          },
+          "commandLine": {
+            "title": "Command Line",
+            "runNodejsScriptsFromTheCommandLine": "Run Node.js scripts from the command line",
+            "howToReadEnvironmentVariablesFromNodejs": "How to read environment variables from Node.js",
+            "howToUseTheNodejsRepl": "How to use the Node.js REPL",
+            "outputToTheCommandLineUsingNodejs": "Output to the command line using Node.js",
+            "acceptInputFromTheCommandLineInNodejs": "Accept input from the command line in Node.js"
+          }
+        }
+      },
+      "buttons": {
+        "toggleLanguage": "Toggle Language",
+        "toggleDarkMode": "Toggle dark/light mode"
+      }
+    },
+    "navigation": {
+      "about": {
+        "links": {
+          "governance": "Project Governance",
+          "releases": "Previous Releases",
+          "security": "Security Reporting"
+        }
+      },
+      "docs": {
+        "links": {
+          "es6": "ES6 and beyond",
+          "apiLts": "{fullLtsNodeVersion} API <graySpan>LTS</graySpan>",
+          "apiCurrent": "{fullCurrentNodeVersion} API",
+          "guides": "Guides <graySpan>ARCHIVED</graySpan>",
+          "dependencies": "Dependencies"
+        }
+      },
+      "getInvolved": {
+        "links": {
+          "collabSummit": "Collab Summit",
+          "contribute": "Contribute",
+          "codeOfConduct": "Code of Conduct"
+        }
+      }
+    },
+    "downloadList": {
+      "links": {
+        "previousReleases": "Previous Releases",
+        "packageManager": "Installing Node.js via package manager",
+        "shaSums": {
+          "title": "Signed SHASUMS for release files",
+          "howToVerify": " (How to verify)"
+        },
+        "allDownloads": "All download options",
+        "nightlyReleases": "Nightly builds",
+        "unofficialBuilds": "Unofficial builds",
+        "buildingFromSource": "Building Node.js from source on supported platforms",
+        "installingOnLinux": "Installing Node.js via binary archive",
+        "installingOnWsl": "Install on Windows Subsystem for Linux (WSL)"
+      }
+    },
+    "downloadReleasesTable": {
+      "changelog": "Changelog",
+      "releases": "Releases",
+      "docs": "Docs"
+    },
+    "pagination": {
+      "next": "Newer | ",
+      "previous": "Older"
+    },
+    "common": {
+      "breadcrumbs": {
+        "navigateToHome": "Navigate to Home"
+      },
+      "crossLink": {
+        "previous": "Prev",
+        "next": "Next"
+      },
+      "codebox": {
+        "copied": "Copied to clipboard!"
+      },
+      "pagination": {
+        "prev": "Previous",
+        "prevAriaLabel": "Previous page",
+        "next": "Next",
+        "nextAriaLabel": "Next page",
+        "defaultLabel": "Pagination",
+        "pageLabel": "Go to page {pageNumber}"
+      },
+      "languageDropdown": {
+        "label": "Choose Language"
+      },
+      "card": {
+        "announcement": "Announcements",
+        "release": "Releases",
+        "vulnerability": "Vulnerabilities"
+      }
+    },
+    "metabar": {
+      "lastUpdated": "Last Updated",
+      "readingTime": "Reading Time",
+      "addedIn": "Added In",
+      "author": "Author",
+      "authors": "Authors",
+      "contribute": "Contribute",
+      "contributeText": "Edit this page",
+      "viewAs": "View as",
+      "tableOfContents": "Table of Contents"
+    },
+    "api": {
+      "jsonLink": {
+        "title": "View as JSON"
+      },
+      "sourceLink": "Source Code:"
+    },
+    "home": {
+      "homeDownloadButton": {
+        "download": "{version} {isLts, select, true {LTS} other {Current}}",
+        "tagline": "{isLts, select, true {Recommended For Most Users} other {Latest Features}}",
+        "changelog": "Changelog",
+        "otherDownloads": "Other Downloads",
+        "apiDocs": "API Docs"
+      }
+    }
+  },
+  "layouts": {
+    "blogPost": {
+      "author": {
+        "byLine": "{author, select, null {} other {By {author}, }}"
+      }
+    },
+    "blogIndex": {
+      "currentYear": "News from {year}"
+    }
+  },
+  "pages": {
+    "404": {
+      "title": "404: Page could not be found",
+      "description": "ENOENT: no such file or directory"
+    }
+  }
 }

i18n/locales/id.json

···
 {
-  "components.footer.scrollToTop.button": "Scroll to top",
-  "components.header.links.about": "About",
-  "components.header.links.download": "Download",
-  "components.header.links.docs": "Docs",
-  "components.header.links.getInvolved": "Get Involved",
-  "components.header.links.security": "Security",
-  "components.header.links.certification": "Certification",
-  "components.header.links.blog": "News",
-  "components.footer.links.trademarkPolicy": "Trademark Policy",
-  "components.footer.links.privacyPolicy": "Privacy Policy",
-  "components.footer.links.codeOfConduct": "Code of Conduct",
-  "components.footer.links.security": "Security Policy",
-  "components.footer.links.openJS": "OpenJS Foundation",
-  "components.navigation.about.links.governance": "Project Governance",
-  "components.navigation.about.links.releases": "Previous Releases",
-  "components.navigation.about.links.security": "Security Reporting",
-  "components.navigation.docs.links.es6": "ES6 and beyond",
-  "components.navigation.docs.links.apiLts": "{fullLtsNodeVersion} API {spanLts}",
-  "components.navigation.docs.links.apiCurrent": "{fullCurrentNodeVersion} API",
-  "components.navigation.docs.links.guides": "Guides {spanGuides}",
-  "components.navigation.docs.links.dependencies": "Dependencies",
-  "components.navigation.getInvolved.links.collabSummit": "Collab Summit",
-  "components.navigation.getInvolved.links.contribute": "Contribute",
-  "components.navigation.getInvolved.links.codeOfConduct": "Code of Conduct",
-  "components.downloadList.links.previousReleases": "Previous Releases",
-  "components.downloadList.links.packageManager": "Installing Node.js via package manager",
-  "components.downloadList.links.shaSums": "Signed SHASUMS for release files",
-  "components.downloadList.links.shaSums.howToVerify": " (How to verify)",
-  "components.downloadList.links.allDownloads": "All download options",
-  "components.downloadList.links.nightlyReleases": "Nightly builds",
-  "components.downloadList.links.unofficialBuilds": "Unofficial builds",
-  "components.downloadList.links.buildingFromSource": "Building Node.js from source on supported platforms",
-  "components.downloadList.links.installingOnLinux": "Installing Node.js via binary archive",
-  "components.downloadList.links.installingOnWsl": "Install on Windows Subsystem for Linux (WSL)",
-  "components.downloadReleasesTable.changelog": "Changelog",
-  "components.downloadReleasesTable.releases": "Releases",
-  "components.downloadReleasesTable.docs": "Docs",
-  "components.header.buttons.toggleLanguage": "Toggle Language",
-  "components.header.buttons.toggleDarkMode": "Toggle dark/light mode",
-  "components.pagination.next": "Newer | ",
-  "components.pagination.previous": "Older",
-  "components.common.breadcrumbs.navigateToHome": "Navigate to Home",
-  "components.common.crossLink.previous": "Prev",
-  "components.common.crossLink.next": "Next",
-  "components.common.codebox.copied": "Copied to clipboard!",
-  "components.metabar.lastUpdated": "Last Updated",
-  "components.metabar.readingTime": "Reading Time",
-  "components.metabar.addedIn": "Added In",
-  "components.metabar.author": "Author",
-  "components.metabar.authors": "Authors",
-  "components.metabar.contribute": "Contribute",
-  "components.metabar.contributeText": "Edit this page",
-  "components.metabar.viewAs": "View as",
-  "components.metabar.tableOfContents": "Table of Contents",
-  "layouts.blogPost.author.byLine": "{author, select, null {} other {By {author}, }}",
-  "layouts.blogIndex.currentYear": "News from {year}",
-  "components.api.jsonLink.title": "View as JSON",
-  "components.api.sourceLink": "Source Code:",
-  "pages.404.title": "404: Page could not be found",
-  "pages.404.description": "ENOENT: no such file or directory",
-  "components.common.pagination.prev": "Previous",
-  "components.common.pagination.prevAriaLabel": "Previous page",
-  "components.common.pagination.next": "Next",
-  "components.common.pagination.nextAriaLabel": "Next page",
-  "components.common.pagination.defaultLabel": "Pagination",
-  "components.common.pagination.pageLabel": "Go to page {pageNumber}",
-  "components.common.languageDropdown.label": "Choose Language",
-  "components.common.card.announcement": "Announcements",
-  "components.common.card.release": "Releases",
-  "components.common.card.vulnerability": "Vulnerabilities",
-  "components.home.homeDownloadButton.download": "{version} {isLts, select, true {LTS} other {Current}}",
-  "components.home.homeDownloadButton.tagline": "{isLts, select, true {Recommended For Most Users} other {Latest Features}}",
-  "components.home.homeDownloadButton.changelog": "Changelog",
-  "components.home.homeDownloadButton.otherDownloads": "Other Downloads",
-  "components.home.homeDownloadButton.apiDocs": "API Docs",
-  "components.header.links.learn": "Learn",
-  "components.header.links.learn.gettingStarted": "Getting Started",
-  "components.header.links.learn.gettingStarted.introductionToNodejs": "Introduction to Node.js",
-  "components.header.links.learn.gettingStarted.howToInstallNodejs": "How to install Node.js",
-  "components.header.links.learn.gettingStarted.howMuchJavascriptDoYouNeedToKnowToUseNodejs": "How much JavaScript do you need to know to use Node.js?",
-  "components.header.links.learn.gettingStarted.differencesBetweenNodejsAndTheBrowser": "Differences between Node.js and the Browser",
-  "components.header.links.learn.gettingStarted.theV8JavascriptEngine": "The V8 JavaScript Engine",
-  "components.header.links.learn.gettingStarted.anIntroductionToTheNpmPackageManager": "An introduction to the NPM package manager",
-  "components.header.links.learn.gettingStarted.ecmascript2015Es6AndBeyond": "ECMAScript 2015 (ES6) and beyond",
-  "components.header.links.learn.gettingStarted.nodejsTheDifferenceBetweenDevelopmentAndProduction": "Node.js, the difference between development and production",
-  "components.header.links.learn.gettingStarted.nodejsWithTypescript": "Node.js with TypeScript",
-  "components.header.links.learn.gettingStarted.nodejsWithWebassembly": "Node.js with WebAssembly",
-  "components.header.links.learn.asynchronousWork": "Asynchronous Work",
-  "components.header.links.learn.asynchronousWork.asynchronousFlowControl": "Asynchronous flow control",
-  "components.header.links.learn.asynchronousWork.overviewOfBlockingVsNonBlocking": "Overview of Blocking vs Non-Blocking",
-  "components.header.links.learn.asynchronousWork.javascriptAsynchronousProgrammingAndCallbacks": "JavaScript Asynchronous Programming and Callbacks",
-  "components.header.links.learn.asynchronousWork.discoverJavaScriptTimers": "Discover JavaScript Timers",
-  "components.header.links.learn.asynchronousWork.understandingProcessnexttick": "Understanding process.nextTick()",
-  "components.header.links.learn.asynchronousWork.understandingSetimmediate": "Understanding setImmediate()",
-  "components.header.links.learn.asynchronousWork.theNodejsEventEmitter": "The Node.js Event emitter",
-  "components.header.links.learn.manipulatingFiles": "Manipulating Files",
-  "components.header.links.learn.manipulatingFiles.nodejsFileStats": "Node.js file stats",
-  "components.header.links.learn.manipulatingFiles.nodejsFilePaths": "Node.js File Paths",
-  "components.header.links.learn.manipulatingFiles.workingWithFileDescriptorsInNodejs": "Working with file descriptors in Node.js",
-  "components.header.links.learn.manipulatingFiles.readingFilesWithNodejs": "Reading files with Node.js",
-  "components.header.links.learn.manipulatingFiles.writingFilesWithNodejs": "Writing files with Node.js",
-  "components.header.links.learn.manipulatingFiles.workingWithFoldersInNodejs": "Working with folders in Node.js",
-  "components.header.links.learn.commandLine": "Command Line",
-  "components.header.links.learn.commandLine.runNodejsScriptsFromTheCommandLine": "Run Node.js scripts from the command line",
-  "components.header.links.learn.commandLine.howToReadEnvironmentVariablesFromNodejs": "How to read environment variables from Node.js",
-  "components.header.links.learn.commandLine.howToUseTheNodejsRepl": "How to use the Node.js REPL",
-  "components.header.links.learn.commandLine.outputToTheCommandLineUsingNodejs": "Output to the command line using Node.js",
-  "components.header.links.learn.commandLine.acceptInputFromTheCommandLineInNodejs": "Accept input from the command line in Node.js"
+  "components": {
+    "footer": {
+      "scrollToTop": {
+        "button": "Scroll to top"
+      },
+      "links": {
+        "trademarkPolicy": "Trademark Policy",
+        "privacyPolicy": "Privacy Policy",
+        "codeOfConduct": "Code of Conduct",
+        "security": "Security Policy",
+        "openJS": "OpenJS Foundation"
+      }
+    },
+    "header": {
+      "links": {
+        "about": "About",
+        "download": "Download",
+        "docs": "Docs",
+        "getInvolved": "Get Involved",
+        "security": "Security",
+        "certification": "Certification",
+        "blog": "News",
+        "learn": {
+          "title": "Learn",
+          "gettingStarted": {
+            "title": "Getting Started",
+            "introductionToNodejs": "Introduction to Node.js",
+            "howToInstallNodejs": "How to install Node.js",
+            "howMuchJavascriptDoYouNeedToKnowToUseNodejs": "How much JavaScript do you need to know to use Node.js?",
+            "differencesBetweenNodejsAndTheBrowser": "Differences between Node.js and the Browser",
+            "theV8JavascriptEngine": "The V8 JavaScript Engine",
+            "anIntroductionToTheNpmPackageManager": "An introduction to the NPM package manager",
+            "ecmascript2015Es6AndBeyond": "ECMAScript 2015 (ES6) and beyond",
+            "nodejsTheDifferenceBetweenDevelopmentAndProduction": "Node.js, the difference between development and production",
+            "nodejsWithTypescript": "Node.js with TypeScript",
+            "nodejsWithWebassembly": "Node.js with WebAssembly"
+          },
+          "asynchronousWork": {
+            "title": "Asynchronous Work",
+            "asynchronousFlowControl": "Asynchronous flow control",
+            "overviewOfBlockingVsNonBlocking": "Overview of Blocking vs Non-Blocking",
+            "javascriptAsynchronousProgrammingAndCallbacks": "JavaScript Asynchronous Programming and Callbacks",
+            "discoverJavaScriptTimers": "Discover JavaScript Timers",
+            "understandingProcessnexttick": "Understanding process.nextTick()",
+            "understandingSetimmediate": "Understanding setImmediate()",
+            "theNodejsEventEmitter": "The Node.js Event emitter"
+          },
+          "manipulatingFiles": {
+            "title": "Manipulating Files",
+            "nodejsFileStats": "Node.js file stats",
+            "nodejsFilePaths": "Node.js File Paths",
+            "workingWithFileDescriptorsInNodejs": "Working with file descriptors in Node.js",
+            "readingFilesWithNodejs": "Reading files with Node.js",
+            "writingFilesWithNodejs": "Writing files with Node.js",
+            "workingWithFoldersInNodejs": "Working with folders in Node.js"
+          },
+          "commandLine": {
+            "title": "Command Line",
+            "runNodejsScriptsFromTheCommandLine": "Run Node.js scripts from the command line",
+            "howToReadEnvironmentVariablesFromNodejs": "How to read environment variables from Node.js",
+            "howToUseTheNodejsRepl": "How to use the Node.js REPL",
+            "outputToTheCommandLineUsingNodejs": "Output to the command line using Node.js",
+            "acceptInputFromTheCommandLineInNodejs": "Accept input from the command line in Node.js"
+          }
+        }
+      },
+      "buttons": {
+        "toggleLanguage": "Toggle Language",
+        "toggleDarkMode": "Toggle dark/light mode"
+      }
+    },
+    "navigation": {
+      "about": {
+        "links": {
+          "governance": "Project Governance",
+          "releases": "Previous Releases",
+          "security": "Security Reporting"
+        }
+      },
+      "docs": {
+        "links": {
+          "es6": "ES6 and beyond",
+          "apiLts": "{fullLtsNodeVersion} API <graySpan>LTS</graySpan>",
+          "apiCurrent": "{fullCurrentNodeVersion} API",
+          "guides": "Guides <graySpan>ARCHIVED</graySpan>",
+          "dependencies": "Dependencies"
+        }
+      },
+      "getInvolved": {
+        "links": {
+          "collabSummit": "Collab Summit",
+          "contribute": "Contribute",
+          "codeOfConduct": "Code of Conduct"
+        }
+      }
+    },
+    "downloadList": {
+      "links": {
+        "previousReleases": "Previous Releases",
+        "packageManager": "Installing Node.js via package manager",
+        "shaSums": {
+          "title": "Signed SHASUMS for release files",
+          "howToVerify": " (How to verify)"
+        },
+        "allDownloads": "All download options",
+        "nightlyReleases": "Nightly builds",
+        "unofficialBuilds": "Unofficial builds",
+        "buildingFromSource": "Building Node.js from source on supported platforms",
+        "installingOnLinux": "Installing Node.js via binary archive",
+        "installingOnWsl": "Install on Windows Subsystem for Linux (WSL)"
+      }
+    },
+    "downloadReleasesTable": {
+      "changelog": "Changelog",
+      "releases": "Releases",
+      "docs": "Docs"
+    },
+    "pagination": {
+      "next": "Newer | ",
+      "previous": "Older"
+    },
+    "common": {
+      "breadcrumbs": {
+        "navigateToHome": "Navigate to Home"
+      },
+      "crossLink": {
+        "previous": "Prev",
+        "next": "Next"
+      },
+      "codebox": {
+        "copied": "Copied to clipboard!"
+      },
+      "pagination": {
+        "prev": "Previous",
+        "prevAriaLabel": "Previous page",
+        "next": "Next",
+        "nextAriaLabel": "Next page",
+        "defaultLabel": "Pagination",
+        "pageLabel": "Go to page {pageNumber}"
+      },
+      "languageDropdown": {
+        "label": "Choose Language"
+      },
+      "card": {
+        "announcement": "Announcements",
+        "release": "Releases",
+        "vulnerability": "Vulnerabilities"
+      }
+    },
+    "metabar": {
+      "lastUpdated": "Last Updated",
+      "readingTime": "Reading Time",
+      "addedIn": "Added In",
+      "author": "Author",
+      "authors": "Authors",
+      "contribute": "Contribute",
+      "contributeText": "Edit this page",
+      "viewAs": "View as",
+      "tableOfContents": "Table of Contents"
+    },
+    "api": {
+      "jsonLink": {
+        "title": "View as JSON"
+      },
+      "sourceLink": "Source Code:"
+    },
+    "home": {
+      "homeDownloadButton": {
+        "download": "{version} {isLts, select, true {LTS} other {Current}}",
+        "tagline": "{isLts, select, true {Recommended For Most Users} other {Latest Features}}",
+        "changelog": "Changelog",
+        "otherDownloads": "Other Downloads",
+        "apiDocs": "API Docs"
+      }
+    }
+  },
+  "layouts": {
+    "blogPost": {
+      "author": {
+        "byLine": "{author, select, null {} other {By {author}, }}"
+      }
+    },
+    "blogIndex": {
+      "currentYear": "News from {year}"
+    }
+  },
+  "pages": {
+    "404": {
+      "title": "404: Page could not be found",
+      "description": "ENOENT: no such file or directory"
+    }
+  }
 }

i18n/locales/index.mjs

···
-// Next.js React Intl Translation Manifest
-// In order to add new Translations to this application, please add the new locale
-// to the `i18n/config.json` file and then add the new locale file to this directory
-// and import it below.
-
-import ar from './ar.json' assert { type: 'json' };
-import de from './de.json' assert { type: 'json' };
-import en from './en.json' assert { type: 'json' };
-import es from './es.json' assert { type: 'json' };
-import fr from './fr.json' assert { type: 'json' };
-import id from './id.json' assert { type: 'json' };
-import it from './it.json' assert { type: 'json' };
-import ja from './ja.json' assert { type: 'json' };
-import ka from './ka.json' assert { type: 'json' };
-import ko from './ko.json' assert { type: 'json' };
-import ptBr from './pt-br.json' assert { type: 'json' };
-import ru from './ru.json' assert { type: 'json' };
-import tr from './tr.json' assert { type: 'json' };
-import uk from './uk.json' assert { type: 'json' };
-import zhCn from './zh-cn.json' assert { type: 'json' };
-import zhTw from './zh-tw.json' assert { type: 'json' };
-
-// This is the default export of the React Intl Locales and contains all the current locales
-// eslint-disable-next-line import/no-anonymous-default-export
-export default {
-  ar,
-  de,
-  en,
-  es,
-  fr,
-  id,
-  it,
-  ja,
-  ka,
-  ko,
-  'pt-br': ptBr,
-  ru,
-  tr,
-  uk,
-  'zh-cn': zhCn,
-  'zh-tw': zhTw,
-};

i18n/locales/it.json

···
 {
-  "components.footer.scrollToTop.button": "Scroll to top",
-  "components.header.links.about": "About",
-  "components.header.links.download": "Download",
-  "components.header.links.docs": "Docs",
-  "components.header.links.getInvolved": "Get Involved",
-  "components.header.links.security": "Security",
-  "components.header.links.certification": "Certification",
-  "components.header.links.blog": "News",
-  "components.footer.links.trademarkPolicy": "Trademark Policy",
-  "components.footer.links.privacyPolicy": "Privacy Policy",
-  "components.footer.links.codeOfConduct": "Code of Conduct",
-  "components.footer.links.security": "Security Policy",
-  "components.footer.links.openJS": "OpenJS Foundation",
-  "components.navigation.about.links.governance": "Project Governance",
-  "components.navigation.about.links.releases": "Previous Releases",
-  "components.navigation.about.links.security": "Security Reporting",
-  "components.navigation.docs.links.es6": "ES6 and beyond",
-  "components.navigation.docs.links.apiLts": "{fullLtsNodeVersion} API {spanLts}",
-  "components.navigation.docs.links.apiCurrent": "{fullCurrentNodeVersion} API",
-  "components.navigation.docs.links.guides": "Guides {spanGuides}",
-  "components.navigation.docs.links.dependencies": "Dependencies",
-  "components.navigation.getInvolved.links.collabSummit": "Collab Summit",
-  "components.navigation.getInvolved.links.contribute": "Contribute",
-  "components.navigation.getInvolved.links.codeOfConduct": "Code of Conduct",
-  "components.downloadList.links.previousReleases": "Previous Releases",
-  "components.downloadList.links.packageManager": "Installing Node.js via package manager",
-  "components.downloadList.links.shaSums": "Signed SHASUMS for release files",
-  "components.downloadList.links.shaSums.howToVerify": " (How to verify)",
-  "components.downloadList.links.allDownloads": "All download options",
-  "components.downloadList.links.nightlyReleases": "Nightly builds",
-  "components.downloadList.links.unofficialBuilds": "Unofficial builds",
-  "components.downloadList.links.buildingFromSource": "Building Node.js from source on supported platforms",
-  "components.downloadList.links.installingOnLinux": "Installing Node.js via binary archive",
-  "components.downloadList.links.installingOnWsl": "Install on Windows Subsystem for Linux (WSL)",
-  "components.downloadReleasesTable.changelog": "Changelog",
-  "components.downloadReleasesTable.releases": "Releases",
-  "components.downloadReleasesTable.docs": "Docs",
-  "components.header.buttons.toggleLanguage": "Toggle Language",
-  "components.header.buttons.toggleDarkMode": "Toggle dark/light mode",
-  "components.pagination.next": "Newer | ",
-  "components.pagination.previous": "Older",
-  "components.common.breadcrumbs.navigateToHome": "Navigate to Home",
-  "components.common.crossLink.previous": "Prev",
-  "components.common.crossLink.next": "Next",
-  "components.common.codebox.copied": "Copied to clipboard!",
-  "components.metabar.lastUpdated": "Last Updated",
-  "components.metabar.readingTime": "Reading Time",
-  "components.metabar.addedIn": "Added In",
-  "components.metabar.author": "Author",
-  "components.metabar.authors": "Authors",
-  "components.metabar.contribute": "Contribute",
-  "components.metabar.contributeText": "Edit this page",
-  "components.metabar.viewAs": "View as",
-  "components.metabar.tableOfContents": "Table of Contents",
-  "layouts.blogPost.author.byLine": "{author, select, null {} other {By {author}, }}",
-  "layouts.blogIndex.currentYear": "News from {year}",
-  "components.api.jsonLink.title": "View as JSON",
-  "components.api.sourceLink": "Source Code:",
-  "pages.404.title": "404: Page could not be found",
-  "pages.404.description": "ENOENT: no such file or directory",
-  "components.common.pagination.prev": "Previous",
-  "components.common.pagination.prevAriaLabel": "Previous page",
-  "components.common.pagination.next": "Next",
-  "components.common.pagination.nextAriaLabel": "Next page",
-  "components.common.pagination.defaultLabel": "Pagination",
-  "components.common.pagination.pageLabel": "Go to page {pageNumber}",
-  "components.common.languageDropdown.label": "Choose Language",
-  "components.common.card.announcement": "Announcements",
-  "components.common.card.release": "Releases",
-  "components.common.card.vulnerability": "Vulnerabilities",
-  "components.home.homeDownloadButton.download": "{version} {isLts, select, true {LTS} other {Current}}",
-  "components.home.homeDownloadButton.tagline": "{isLts, select, true {Recommended For Most Users} other {Latest Features}}",
-  "components.home.homeDownloadButton.changelog": "Changelog",
-  "components.home.homeDownloadButton.otherDownloads": "Other Downloads",
-  "components.home.homeDownloadButton.apiDocs": "API Docs",
-  "components.header.links.learn": "Learn",
-  "components.header.links.learn.gettingStarted": "Getting Started",
-  "components.header.links.learn.gettingStarted.introductionToNodejs": "Introduction to Node.js",
-  "components.header.links.learn.gettingStarted.howToInstallNodejs": "How to install Node.js",
-  "components.header.links.learn.gettingStarted.howMuchJavascriptDoYouNeedToKnowToUseNodejs": "How much JavaScript do you need to know to use Node.js?",
-  "components.header.links.learn.gettingStarted.differencesBetweenNodejsAndTheBrowser": "Differences between Node.js and the Browser",
-  "components.header.links.learn.gettingStarted.theV8JavascriptEngine": "The V8 JavaScript Engine",
-  "components.header.links.learn.gettingStarted.anIntroductionToTheNpmPackageManager": "An introduction to the NPM package manager",
-  "components.header.links.learn.gettingStarted.ecmascript2015Es6AndBeyond": "ECMAScript 2015 (ES6) and beyond",
-  "components.header.links.learn.gettingStarted.nodejsTheDifferenceBetweenDevelopmentAndProduction": "Node.js, the difference between development and production",
-  "components.header.links.learn.gettingStarted.nodejsWithTypescript": "Node.js with TypeScript",
-  "components.header.links.learn.gettingStarted.nodejsWithWebassembly": "Node.js with WebAssembly",
-  "components.header.links.learn.asynchronousWork": "Asynchronous Work",
-  "components.header.links.learn.asynchronousWork.asynchronousFlowControl": "Asynchronous flow control",
-  "components.header.links.learn.asynchronousWork.overviewOfBlockingVsNonBlocking": "Overview of Blocking vs Non-Blocking",
-  "components.header.links.learn.asynchronousWork.javascriptAsynchronousProgrammingAndCallbacks": "JavaScript Asynchronous Programming and Callbacks",
-  "components.header.links.learn.asynchronousWork.discoverJavaScriptTimers": "Discover JavaScript Timers",
-  "components.header.links.learn.asynchronousWork.understandingProcessnexttick": "Understanding process.nextTick()",
-  "components.header.links.learn.asynchronousWork.understandingSetimmediate": "Understanding setImmediate()",
-  "components.header.links.learn.asynchronousWork.theNodejsEventEmitter": "The Node.js Event emitter",
-  "components.header.links.learn.manipulatingFiles": "Manipulating Files",
-  "components.header.links.learn.manipulatingFiles.nodejsFileStats": "Node.js file stats",
-  "components.header.links.learn.manipulatingFiles.nodejsFilePaths": "Node.js File Paths",
-  "components.header.links.learn.manipulatingFiles.workingWithFileDescriptorsInNodejs": "Working with file descriptors in Node.js",
-  "components.header.links.learn.manipulatingFiles.readingFilesWithNodejs": "Reading files with Node.js",
-  "components.header.links.learn.manipulatingFiles.writingFilesWithNodejs": "Writing files with Node.js",
-  "components.header.links.learn.manipulatingFiles.workingWithFoldersInNodejs": "Working with folders in Node.js",
-  "components.header.links.learn.commandLine": "Command Line",
-  "components.header.links.learn.commandLine.runNodejsScriptsFromTheCommandLine": "Run Node.js scripts from the command line",
-  "components.header.links.learn.commandLine.howToReadEnvironmentVariablesFromNodejs": "How to read environment variables from Node.js",
-  "components.header.links.learn.commandLine.howToUseTheNodejsRepl": "How to use the Node.js REPL",
-  "components.header.links.learn.commandLine.outputToTheCommandLineUsingNodejs": "Output to the command line using Node.js",
-  "components.header.links.learn.commandLine.acceptInputFromTheCommandLineInNodejs": "Accept input from the command line in Node.js"
+  "components": {
+    "footer": {
+      "scrollToTop": {
+        "button": "Scroll to top"
+      },
+      "links": {
+        "trademarkPolicy": "Trademark Policy",
+        "privacyPolicy": "Privacy Policy",
+        "codeOfConduct": "Code of Conduct",
+        "security": "Security Policy",
+        "openJS": "OpenJS Foundation"
+      }
+    },
+    "header": {
+      "links": {
+        "about": "About",
+        "download": "Download",
+        "docs": "Docs",
+        "getInvolved": "Get Involved",
+        "security": "Security",
+        "certification": "Certification",
+        "blog": "News",
+        "learn": {
+          "title": "Learn",
+          "gettingStarted": {
+            "title": "Getting Started",
+            "introductionToNodejs": "Introduction to Node.js",
+            "howToInstallNodejs": "How to install Node.js",
+            "howMuchJavascriptDoYouNeedToKnowToUseNodejs": "How much JavaScript do you need to know to use Node.js?",
+            "differencesBetweenNodejsAndTheBrowser": "Differences between Node.js and the Browser",
+            "theV8JavascriptEngine": "The V8 JavaScript Engine",
+            "anIntroductionToTheNpmPackageManager": "An introduction to the NPM package manager",
+            "ecmascript2015Es6AndBeyond": "ECMAScript 2015 (ES6) and beyond",
+            "nodejsTheDifferenceBetweenDevelopmentAndProduction": "Node.js, the difference between development and production",
+            "nodejsWithTypescript": "Node.js with TypeScript",
+            "nodejsWithWebassembly": "Node.js with WebAssembly"
+          },
+          "asynchronousWork": {
+            "title": "Asynchronous Work",
+            "asynchronousFlowControl": "Asynchronous flow control",
+            "overviewOfBlockingVsNonBlocking": "Overview of Blocking vs Non-Blocking",
+            "javascriptAsynchronousProgrammingAndCallbacks": "JavaScript Asynchronous Programming and Callbacks",
+            "discoverJavaScriptTimers": "Discover JavaScript Timers",
+            "understandingProcessnexttick": "Understanding process.nextTick()",
+            "understandingSetimmediate": "Understanding setImmediate()",
+            "theNodejsEventEmitter": "The Node.js Event emitter"
+          },
+          "manipulatingFiles": {
+            "title": "Manipulating Files",
+            "nodejsFileStats": "Node.js file stats",
+            "nodejsFilePaths": "Node.js File Paths",
+            "workingWithFileDescriptorsInNodejs": "Working with file descriptors in Node.js",
+            "readingFilesWithNodejs": "Reading files with Node.js",
+            "writingFilesWithNodejs": "Writing files with Node.js",
+            "workingWithFoldersInNodejs": "Working with folders in Node.js"
+          },
+          "commandLine": {
+            "title": "Command Line",
+            "runNodejsScriptsFromTheCommandLine": "Run Node.js scripts from the command line",
+            "howToReadEnvironmentVariablesFromNodejs": "How to read environment variables from Node.js",
+            "howToUseTheNodejsRepl": "How to use the Node.js REPL",
+            "outputToTheCommandLineUsingNodejs": "Output to the command line using Node.js",
+            "acceptInputFromTheCommandLineInNodejs": "Accept input from the command line in Node.js"
+          }
+        }
+      },
+      "buttons": {
+        "toggleLanguage": "Toggle Language",
+        "toggleDarkMode": "Toggle dark/light mode"
+      }
+    },
+    "navigation": {
+      "about": {
+        "links": {
+          "governance": "Project Governance",
+          "releases": "Previous Releases",
+          "security": "Security Reporting"
+        }
+      },
+      "docs": {
+        "links": {
+          "es6": "ES6 and beyond",
+          "apiLts": "{fullLtsNodeVersion} API <graySpan>LTS</graySpan>",
+          "apiCurrent": "{fullCurrentNodeVersion} API",
+          "guides": "Guides <graySpan>ARCHIVED</graySpan>",
+          "dependencies": "Dependencies"
+        }
+      },
+      "getInvolved": {
+        "links": {
+          "collabSummit": "Collab Summit",
+          "contribute": "Contribute",
+          "codeOfConduct": "Code of Conduct"
+        }
+      }
+    },
+    "downloadList": {
+      "links": {
+        "previousReleases": "Previous Releases",
+        "packageManager": "Installing Node.js via package manager",
+        "shaSums": {
+          "title": "Signed SHASUMS for release files",
+          "howToVerify": " (How to verify)"
+        },
+        "allDownloads": "All download options",
+        "nightlyReleases": "Nightly builds",
+        "unofficialBuilds": "Unofficial builds",
+        "buildingFromSource": "Building Node.js from source on supported platforms",
+        "installingOnLinux": "Installing Node.js via binary archive",
+        "installingOnWsl": "Install on Windows Subsystem for Linux (WSL)"
+      }
+    },
+    "downloadReleasesTable": {
+      "changelog": "Changelog",
+      "releases": "Releases",
+      "docs": "Docs"
+    },
+    "pagination": {
+      "next": "Newer | ",
+      "previous": "Older"
+    },
+    "common": {
+      "breadcrumbs": {
+        "navigateToHome": "Navigate to Home"
+      },
+      "crossLink": {
+        "previous": "Prev",
+        "next": "Next"
+      },
+      "codebox": {
+        "copied": "Copied to clipboard!"
+      },
+      "pagination": {
+        "prev": "Previous",
+        "prevAriaLabel": "Previous page",
+        "next": "Next",
+        "nextAriaLabel": "Next page",
+        "defaultLabel": "Pagination",
+        "pageLabel": "Go to page {pageNumber}"
+      },
+      "languageDropdown": {
+        "label": "Choose Language"
+      },
+      "card": {
+        "announcement": "Announcements",
+        "release": "Releases",
+        "vulnerability": "Vulnerabilities"
+      }
+    },
+    "metabar": {
+      "lastUpdated": "Last Updated",
+      "readingTime": "Reading Time",
+      "addedIn": "Added In",
+      "author": "Author",
+      "authors": "Authors",
+      "contribute": "Contribute",
+      "contributeText": "Edit this page",
+      "viewAs": "View as",
+      "tableOfContents": "Table of Contents"
+    },
+    "api": {
+      "jsonLink": {
+        "title": "View as JSON"
+      },
+      "sourceLink": "Source Code:"
+    },
+    "home": {
+      "homeDownloadButton": {
+        "download": "{version} {isLts, select, true {LTS} other {Current}}",
+        "tagline": "{isLts, select, true {Recommended For Most Users} other {Latest Features}}",
+        "changelog": "Changelog",
+        "otherDownloads": "Other Downloads",
+        "apiDocs": "API Docs"
+      }
+    }
+  },
+  "layouts": {
+    "blogPost": {
+      "author": {
+        "byLine": "{author, select, null {} other {By {author}, }}"
+      }
+    },
+    "blogIndex": {
+      "currentYear": "News from {year}"
+    }
+  },
+  "pages": {
+    "404": {
+      "title": "404: Page could not be found",
+      "description": "ENOENT: no such file or directory"
+    }
+  }
 }

i18n/locales/ja.json

···
 {
-  "components.footer.scrollToTop.button": "Scroll to top",
-  "components.header.links.about": "About",
-  "components.header.links.download": "Download",
-  "components.header.links.docs": "Docs",
-  "components.header.links.getInvolved": "Get Involved",
-  "components.header.links.security": "Security",
-  "components.header.links.certification": "Certification",
-  "components.header.links.blog": "News",
-  "components.footer.links.trademarkPolicy": "Trademark Policy",
-  "components.footer.links.privacyPolicy": "Privacy Policy",
-  "components.footer.links.codeOfConduct": "Code of Conduct",
-  "components.footer.links.security": "Security Policy",
-  "components.footer.links.openJS": "OpenJS Foundation",
-  "components.navigation.about.links.governance": "Project Governance",
-  "components.navigation.about.links.releases": "Previous Releases",
-  "components.navigation.about.links.security": "Security Reporting",
-  "components.navigation.docs.links.es6": "ES6 and beyond",
-  "components.navigation.docs.links.apiLts": "{fullLtsNodeVersion} API {spanLts}",
-  "components.navigation.docs.links.apiCurrent": "{fullCurrentNodeVersion} API",
-  "components.navigation.docs.links.guides": "Guides {spanGuides}",
-  "components.navigation.docs.links.dependencies": "Dependencies",
-  "components.navigation.getInvolved.links.collabSummit": "Collab Summit",
-  "components.navigation.getInvolved.links.contribute": "Contribute",
-  "components.navigation.getInvolved.links.codeOfConduct": "Code of Conduct",
-  "components.downloadList.links.previousReleases": "Previous Releases",
-  "components.downloadList.links.packageManager": "Installing Node.js via package manager",
-  "components.downloadList.links.shaSums": "Signed SHASUMS for release files",
-  "components.downloadList.links.shaSums.howToVerify": " (How to verify)",
-  "components.downloadList.links.allDownloads": "All download options",
-  "components.downloadList.links.nightlyReleases": "Nightly builds",
-  "components.downloadList.links.unofficialBuilds": "Unofficial builds",
-  "components.downloadList.links.buildingFromSource": "Building Node.js from source on supported platforms",
-  "components.downloadList.links.installingOnLinux": "Installing Node.js via binary archive",
-  "components.downloadList.links.installingOnWsl": "Install on Windows Subsystem for Linux (WSL)",
-  "components.downloadReleasesTable.changelog": "Changelog",
-  "components.downloadReleasesTable.releases": "Releases",
-  "components.downloadReleasesTable.docs": "Docs",
-  "components.header.buttons.toggleLanguage": "Toggle Language",
-  "components.header.buttons.toggleDarkMode": "Toggle dark/light mode",
-  "components.pagination.next": "Newer | ",
-  "components.pagination.previous": "Older",
-  "components.common.breadcrumbs.navigateToHome": "Navigate to Home",
-  "components.common.crossLink.previous": "Prev",
-  "components.common.crossLink.next": "Next",
-  "components.common.codebox.copied": "Copied to clipboard!",
-  "components.metabar.lastUpdated": "Last Updated",
-  "components.metabar.readingTime": "Reading Time",
-  "components.metabar.addedIn": "Added In",
-  "components.metabar.author": "Author",
-  "components.metabar.authors": "Authors",
-  "components.metabar.contribute": "Contribute",
-  "components.metabar.contributeText": "Edit this page",
-  "components.metabar.viewAs": "View as",
-  "components.metabar.tableOfContents": "Table of Contents",
-  "layouts.blogPost.author.byLine": "{author, select, null {} other {By {author}, }}",
-  "layouts.blogIndex.currentYear": "News from {year}",
-  "components.api.jsonLink.title": "View as JSON",
-  "components.api.sourceLink": "Source Code:",
-  "pages.404.title": "404: Page could not be found",
-  "pages.404.description": "ENOENT: no such file or directory",
-  "components.common.pagination.prev": "Previous",
-  "components.common.pagination.prevAriaLabel": "Previous page",
-  "components.common.pagination.next": "Next",
-  "components.common.pagination.nextAriaLabel": "Next page",
-  "components.common.pagination.defaultLabel": "Pagination",
-  "components.common.pagination.pageLabel": "Go to page {pageNumber}",
-  "components.common.languageDropdown.label": "Choose Language",
-  "components.common.card.announcement": "Announcements",
-  "components.common.card.release": "Releases",
-  "components.common.card.vulnerability": "Vulnerabilities",
-  "components.home.homeDownloadButton.download": "{version} {isLts, select, true {LTS} other {Current}}",
-  "components.home.homeDownloadButton.tagline": "{isLts, select, true {Recommended For Most Users} other {Latest Features}}",
-  "components.home.homeDownloadButton.changelog": "Changelog",
-  "components.home.homeDownloadButton.otherDownloads": "Other Downloads",
-  "components.home.homeDownloadButton.apiDocs": "API Docs",
-  "components.header.links.learn": "Learn",
-  "components.header.links.learn.gettingStarted": "Getting Started",
-  "components.header.links.learn.gettingStarted.introductionToNodejs": "Introduction to Node.js",
-  "components.header.links.learn.gettingStarted.howToInstallNodejs": "How to install Node.js",
-  "components.header.links.learn.gettingStarted.howMuchJavascriptDoYouNeedToKnowToUseNodejs": "How much JavaScript do you need to know to use Node.js?",
-  "components.header.links.learn.gettingStarted.differencesBetweenNodejsAndTheBrowser": "Differences between Node.js and the Browser",
-  "components.header.links.learn.gettingStarted.theV8JavascriptEngine": "The V8 JavaScript Engine",
-  "components.header.links.learn.gettingStarted.anIntroductionToTheNpmPackageManager": "An introduction to the NPM package manager",
-  "components.header.links.learn.gettingStarted.ecmascript2015Es6AndBeyond": "ECMAScript 2015 (ES6) and beyond",
-  "components.header.links.learn.gettingStarted.nodejsTheDifferenceBetweenDevelopmentAndProduction": "Node.js, the difference between development and production",
-  "components.header.links.learn.gettingStarted.nodejsWithTypescript": "Node.js with TypeScript",
-  "components.header.links.learn.gettingStarted.nodejsWithWebassembly": "Node.js with WebAssembly",
-  "components.header.links.learn.asynchronousWork": "Asynchronous Work",
-  "components.header.links.learn.asynchronousWork.asynchronousFlowControl": "Asynchronous flow control",
-  "components.header.links.learn.asynchronousWork.overviewOfBlockingVsNonBlocking": "Overview of Blocking vs Non-Blocking",
-  "components.header.links.learn.asynchronousWork.javascriptAsynchronousProgrammingAndCallbacks": "JavaScript Asynchronous Programming and Callbacks",
-  "components.header.links.learn.asynchronousWork.discoverJavaScriptTimers": "Discover JavaScript Timers",
-  "components.header.links.learn.asynchronousWork.understandingProcessnexttick": "Understanding process.nextTick()",
-  "components.header.links.learn.asynchronousWork.understandingSetimmediate": "Understanding setImmediate()",
-  "components.header.links.learn.asynchronousWork.theNodejsEventEmitter": "The Node.js Event emitter",
-  "components.header.links.learn.manipulatingFiles": "Manipulating Files",
-  "components.header.links.learn.manipulatingFiles.nodejsFileStats": "Node.js file stats",
-  "components.header.links.learn.manipulatingFiles.nodejsFilePaths": "Node.js File Paths",
-  "components.header.links.learn.manipulatingFiles.workingWithFileDescriptorsInNodejs": "Working with file descriptors in Node.js",
-  "components.header.links.learn.manipulatingFiles.readingFilesWithNodejs": "Reading files with Node.js",
-  "components.header.links.learn.manipulatingFiles.writingFilesWithNodejs": "Writing files with Node.js",
-  "components.header.links.learn.manipulatingFiles.workingWithFoldersInNodejs": "Working with folders in Node.js",
-  "components.header.links.learn.commandLine": "Command Line",
-  "components.header.links.learn.commandLine.runNodejsScriptsFromTheCommandLine": "Run Node.js scripts from the command line",
-  "components.header.links.learn.commandLine.howToReadEnvironmentVariablesFromNodejs": "How to read environment variables from Node.js",
-  "components.header.links.learn.commandLine.howToUseTheNodejsRepl": "How to use the Node.js REPL",
-  "components.header.links.learn.commandLine.outputToTheCommandLineUsingNodejs": "Output to the command line using Node.js",
-  "components.header.links.learn.commandLine.acceptInputFromTheCommandLineInNodejs": "Accept input from the command line in Node.js"
+  "components": {
+    "footer": {
+      "scrollToTop": {
+        "button": "Scroll to top"
+      },
+      "links": {
+        "trademarkPolicy": "Trademark Policy",
+        "privacyPolicy": "Privacy Policy",
+        "codeOfConduct": "Code of Conduct",
+        "security": "Security Policy",
+        "openJS": "OpenJS Foundation"
+      }
+    },
+    "header": {
+      "links": {
+        "about": "About",
+        "download": "Download",
+        "docs": "Docs",
+        "getInvolved": "Get Involved",
+        "security": "Security",
+        "certification": "Certification",
+        "blog": "News",
+        "learn": {
+          "title": "Learn",
+          "gettingStarted": {
+            "title": "Getting Started",
+            "introductionToNodejs": "Introduction to Node.js",
+            "howToInstallNodejs": "How to install Node.js",
+            "howMuchJavascriptDoYouNeedToKnowToUseNodejs": "How much JavaScript do you need to know to use Node.js?",
+            "differencesBetweenNodejsAndTheBrowser": "Differences between Node.js and the Browser",
+            "theV8JavascriptEngine": "The V8 JavaScript Engine",
+            "anIntroductionToTheNpmPackageManager": "An introduction to the NPM package manager",
+            "ecmascript2015Es6AndBeyond": "ECMAScript 2015 (ES6) and beyond",
+            "nodejsTheDifferenceBetweenDevelopmentAndProduction": "Node.js, the difference between development and production",
+            "nodejsWithTypescript": "Node.js with TypeScript",
+            "nodejsWithWebassembly": "Node.js with WebAssembly"
+          },
+          "asynchronousWork": {
+            "title": "Asynchronous Work",
+            "asynchronousFlowControl": "Asynchronous flow control",
+            "overviewOfBlockingVsNonBlocking": "Overview of Blocking vs Non-Blocking",
+            "javascriptAsynchronousProgrammingAndCallbacks": "JavaScript Asynchronous Programming and Callbacks",
+            "discoverJavaScriptTimers": "Discover JavaScript Timers",
+            "understandingProcessnexttick": "Understanding process.nextTick()",
+            "understandingSetimmediate": "Understanding setImmediate()",
+            "theNodejsEventEmitter": "The Node.js Event emitter"
+          },
+          "manipulatingFiles": {
+            "title": "Manipulating Files",
+            "nodejsFileStats": "Node.js file stats",
+            "nodejsFilePaths": "Node.js File Paths",
+            "workingWithFileDescriptorsInNodejs": "Working with file descriptors in Node.js",
+            "readingFilesWithNodejs": "Reading files with Node.js",
+            "writingFilesWithNodejs": "Writing files with Node.js",
+            "workingWithFoldersInNodejs": "Working with folders in Node.js"
+          },
+          "commandLine": {
+            "title": "Command Line",
+            "runNodejsScriptsFromTheCommandLine": "Run Node.js scripts from the command line",
+            "howToReadEnvironmentVariablesFromNodejs": "How to read environment variables from Node.js",
+            "howToUseTheNodejsRepl": "How to use the Node.js REPL",
+            "outputToTheCommandLineUsingNodejs": "Output to the command line using Node.js",
+            "acceptInputFromTheCommandLineInNodejs": "Accept input from the command line in Node.js"
+          }
+        }
+      },
+      "buttons": {
+        "toggleLanguage": "Toggle Language",
+        "toggleDarkMode": "Toggle dark/light mode"
+      }
+    },
+    "navigation": {
+      "about": {
+        "links": {
+          "governance": "Project Governance",
+          "releases": "Previous Releases",
+          "security": "Security Reporting"
+        }
+      },
+      "docs": {
+        "links": {
+          "es6": "ES6 and beyond",
+          "apiLts": "{fullLtsNodeVersion} API <graySpan>LTS</graySpan>",
+          "apiCurrent": "{fullCurrentNodeVersion} API",
+          "guides": "Guides <graySpan>ARCHIVED</graySpan>",
+          "dependencies": "Dependencies"
+        }
+      },
+      "getInvolved": {
+        "links": {
+          "collabSummit": "Collab Summit",
+          "contribute": "Contribute",
+          "codeOfConduct": "Code of Conduct"
+        }
+      }
+    },
+    "downloadList": {
+      "links": {
+        "previousReleases": "Previous Releases",
+        "packageManager": "Installing Node.js via package manager",
+        "shaSums": {
+          "title": "Signed SHASUMS for release files",
+          "howToVerify": " (How to verify)"
+        },
+        "allDownloads": "All download options",
+        "nightlyReleases": "Nightly builds",
+        "unofficialBuilds": "Unofficial builds",
+        "buildingFromSource": "Building Node.js from source on supported platforms",
+        "installingOnLinux": "Installing Node.js via binary archive",
+        "installingOnWsl": "Install on Windows Subsystem for Linux (WSL)"
+      }
+    },
+    "downloadReleasesTable": {
+      "changelog": "Changelog",
+      "releases": "Releases",
+      "docs": "Docs"
+    },
+    "pagination": {
+      "next": "Newer | ",
+      "previous": "Older"
+    },
+    "common": {
+      "breadcrumbs": {
+        "navigateToHome": "Navigate to Home"
+      },
+      "crossLink": {
+        "previous": "Prev",
+        "next": "Next"
+      },
+      "codebox": {
+        "copied": "Copied to clipboard!"
+      },
+      "pagination": {
+        "prev": "Previous",
+        "prevAriaLabel": "Previous page",
+        "next": "Next",
+        "nextAriaLabel": "Next page",
+        "defaultLabel": "Pagination",
+        "pageLabel": "Go to page {pageNumber}"
+      },
+      "languageDropdown": {
+        "label": "Choose Language"
+      },
+      "card": {
+        "announcement": "Announcements",
+        "release": "Releases",
+        "vulnerability": "Vulnerabilities"
+      }
+    },
+    "metabar": {
+      "lastUpdated": "Last Updated",
+      "readingTime": "Reading Time",
+      "addedIn": "Added In",
+      "author": "Author",
+      "authors": "Authors",
+      "contribute": "Contribute",
+      "contributeText": "Edit this page",
+      "viewAs": "View as",
+      "tableOfContents": "Table of Contents"
+    },
+    "api": {
+      "jsonLink": {
+        "title": "View as JSON"
+      },
+      "sourceLink": "Source Code:"
+    },
+    "home": {
+      "homeDownloadButton": {
+        "download": "{version} {isLts, select, true {LTS} other {Current}}",
+        "tagline": "{isLts, select, true {Recommended For Most Users} other {Latest Features}}",
+        "changelog": "Changelog",
+        "otherDownloads": "Other Downloads",
+        "apiDocs": "API Docs"
+      }
+    }
+  },
+  "layouts": {
+    "blogPost": {
+      "author": {
+        "byLine": "{author, select, null {} other {By {author}, }}"
+      }
+    },
+    "blogIndex": {
+      "currentYear": "News from {year}"
+    }
+  },
+  "pages": {
+    "404": {
+      "title": "404: Page could not be found",
+      "description": "ENOENT: no such file or directory"
+    }
+  }
 }

i18n/locales/ka.json

···
 {
-  "components.footer.scrollToTop.button": "Scroll to top",
-  "components.header.links.about": "About",
-  "components.header.links.download": "Download",
-  "components.header.links.docs": "Docs",
-  "components.header.links.getInvolved": "Get Involved",
-  "components.header.links.security": "Security",
-  "components.header.links.certification": "Certification",
-  "components.header.links.blog": "News",
-  "components.footer.links.trademarkPolicy": "Trademark Policy",
-  "components.footer.links.privacyPolicy": "Privacy Policy",
-  "components.footer.links.codeOfConduct": "Code of Conduct",
-  "components.footer.links.security": "Security Policy",
-  "components.footer.links.openJS": "OpenJS Foundation",
-  "components.navigation.about.links.governance": "Project Governance",
-  "components.navigation.about.links.releases": "Previous Releases",
-  "components.navigation.about.links.security": "Security Reporting",
-  "components.navigation.docs.links.es6": "ES6 and beyond",
-  "components.navigation.docs.links.apiLts": "{fullLtsNodeVersion} API {spanLts}",
-  "components.navigation.docs.links.apiCurrent": "{fullCurrentNodeVersion} API",
-  "components.navigation.docs.links.guides": "Guides {spanGuides}",
-  "components.navigation.docs.links.dependencies": "Dependencies",
-  "components.navigation.getInvolved.links.collabSummit": "Collab Summit",
-  "components.navigation.getInvolved.links.contribute": "Contribute",
-  "components.navigation.getInvolved.links.codeOfConduct": "Code of Conduct",
-  "components.downloadList.links.previousReleases": "Previous Releases",
-  "components.downloadList.links.packageManager": "Installing Node.js via package manager",
-  "components.downloadList.links.shaSums": "Signed SHASUMS for release files",
-  "components.downloadList.links.shaSums.howToVerify": " (How to verify)",
-  "components.downloadList.links.allDownloads": "All download options",
-  "components.downloadList.links.nightlyReleases": "Nightly builds",
-  "components.downloadList.links.unofficialBuilds": "Unofficial builds",
-  "components.downloadList.links.buildingFromSource": "Building Node.js from source on supported platforms",
-  "components.downloadList.links.installingOnLinux": "Installing Node.js via binary archive",
-  "components.downloadList.links.installingOnWsl": "Install on Windows Subsystem for Linux (WSL)",
-  "components.downloadReleasesTable.changelog": "Changelog",
-  "components.downloadReleasesTable.releases": "Releases",
-  "components.downloadReleasesTable.docs": "Docs",
-  "components.header.buttons.toggleLanguage": "Toggle Language",
-  "components.header.buttons.toggleDarkMode": "Toggle dark/light mode",
-  "components.pagination.next": "Newer | ",
-  "components.pagination.previous": "Older",
-  "components.common.breadcrumbs.navigateToHome": "Navigate to Home",
-  "components.common.crossLink.previous": "Prev",
-  "components.common.crossLink.next": "Next",
-  "components.common.codebox.copied": "Copied to clipboard!",
-  "components.metabar.lastUpdated": "Last Updated",
-  "components.metabar.readingTime": "Reading Time",
-  "components.metabar.addedIn": "Added In",
-  "components.metabar.author": "Author",
-  "components.metabar.authors": "Authors",
-  "components.metabar.contribute": "Contribute",
-  "components.metabar.contributeText": "Edit this page",
-  "components.metabar.viewAs": "View as",
-  "components.metabar.tableOfContents": "Table of Contents",
-  "layouts.blogPost.author.byLine": "{author, select, null {} other {By {author}, }}",
-  "layouts.blogIndex.currentYear": "News from {year}",
-  "components.api.jsonLink.title": "View as JSON",
-  "components.api.sourceLink": "Source Code:",
-  "pages.404.title": "404: Page could not be found",
-  "pages.404.description": "ENOENT: no such file or directory",
-  "components.common.pagination.prev": "Previous",
-  "components.common.pagination.prevAriaLabel": "Previous page",
-  "components.common.pagination.next": "Next",
-  "components.common.pagination.nextAriaLabel": "Next page",
-  "components.common.pagination.defaultLabel": "Pagination",
-  "components.common.pagination.pageLabel": "Go to page {pageNumber}",
-  "components.common.languageDropdown.label": "Choose Language",
-  "components.common.card.announcement": "Announcements",
-  "components.common.card.release": "Releases",
-  "components.common.card.vulnerability": "Vulnerabilities",
-  "components.home.homeDownloadButton.download": "{version} {isLts, select, true {LTS} other {Current}}",
-  "components.home.homeDownloadButton.tagline": "{isLts, select, true {Recommended For Most Users} other {Latest Features}}",
-  "components.home.homeDownloadButton.changelog": "Changelog",
-  "components.home.homeDownloadButton.otherDownloads": "Other Downloads",
-  "components.home.homeDownloadButton.apiDocs": "API Docs",
-  "components.header.links.learn": "Learn",
-  "components.header.links.learn.gettingStarted": "Getting Started",
-  "components.header.links.learn.gettingStarted.introductionToNodejs": "Introduction to Node.js",
-  "components.header.links.learn.gettingStarted.howToInstallNodejs": "How to install Node.js",
-  "components.header.links.learn.gettingStarted.howMuchJavascriptDoYouNeedToKnowToUseNodejs": "How much JavaScript do you need to know to use Node.js?",
-  "components.header.links.learn.gettingStarted.differencesBetweenNodejsAndTheBrowser": "Differences between Node.js and the Browser",
-  "components.header.links.learn.gettingStarted.theV8JavascriptEngine": "The V8 JavaScript Engine",
-  "components.header.links.learn.gettingStarted.anIntroductionToTheNpmPackageManager": "An introduction to the NPM package manager",
-  "components.header.links.learn.gettingStarted.ecmascript2015Es6AndBeyond": "ECMAScript 2015 (ES6) and beyond",
-  "components.header.links.learn.gettingStarted.nodejsTheDifferenceBetweenDevelopmentAndProduction": "Node.js, the difference between development and production",
-  "components.header.links.learn.gettingStarted.nodejsWithTypescript": "Node.js with TypeScript",
-  "components.header.links.learn.gettingStarted.nodejsWithWebassembly": "Node.js with WebAssembly",
-  "components.header.links.learn.asynchronousWork": "Asynchronous Work",
-  "components.header.links.learn.asynchronousWork.asynchronousFlowControl": "Asynchronous flow control",
-  "components.header.links.learn.asynchronousWork.overviewOfBlockingVsNonBlocking": "Overview of Blocking vs Non-Blocking",
-  "components.header.links.learn.asynchronousWork.javascriptAsynchronousProgrammingAndCallbacks": "JavaScript Asynchronous Programming and Callbacks",
-  "components.header.links.learn.asynchronousWork.discoverJavaScriptTimers": "Discover JavaScript Timers",
-  "components.header.links.learn.asynchronousWork.understandingProcessnexttick": "Understanding process.nextTick()",
-  "components.header.links.learn.asynchronousWork.understandingSetimmediate": "Understanding setImmediate()",
-  "components.header.links.learn.asynchronousWork.theNodejsEventEmitter": "The Node.js Event emitter",
-  "components.header.links.learn.manipulatingFiles": "Manipulating Files",
-  "components.header.links.learn.manipulatingFiles.nodejsFileStats": "Node.js file stats",
-  "components.header.links.learn.manipulatingFiles.nodejsFilePaths": "Node.js File Paths",
-  "components.header.links.learn.manipulatingFiles.workingWithFileDescriptorsInNodejs": "Working with file descriptors in Node.js",
-  "components.header.links.learn.manipulatingFiles.readingFilesWithNodejs": "Reading files with Node.js",
-  "components.header.links.learn.manipulatingFiles.writingFilesWithNodejs": "Writing files with Node.js",
-  "components.header.links.learn.manipulatingFiles.workingWithFoldersInNodejs": "Working with folders in Node.js",
-  "components.header.links.learn.commandLine": "Command Line",
-  "components.header.links.learn.commandLine.runNodejsScriptsFromTheCommandLine": "Run Node.js scripts from the command line",
-  "components.header.links.learn.commandLine.howToReadEnvironmentVariablesFromNodejs": "How to read environment variables from Node.js",
-  "components.header.links.learn.commandLine.howToUseTheNodejsRepl": "How to use the Node.js REPL",
-  "components.header.links.learn.commandLine.outputToTheCommandLineUsingNodejs": "Output to the command line using Node.js",
-  "components.header.links.learn.commandLine.acceptInputFromTheCommandLineInNodejs": "Accept input from the command line in Node.js"
+  "components": {
+    "footer": {
+      "scrollToTop": {
+        "button": "Scroll to top"
+      },
+      "links": {
+        "trademarkPolicy": "Trademark Policy",
+        "privacyPolicy": "Privacy Policy",
+        "codeOfConduct": "Code of Conduct",
+        "security": "Security Policy",
+        "openJS": "OpenJS Foundation"
+      }
+    },
+    "header": {
+      "links": {
+        "about": "About",
+        "download": "Download",
+        "docs": "Docs",
+        "getInvolved": "Get Involved",
+        "security": "Security",
+        "certification": "Certification",
+        "blog": "News",
+        "learn": {
+          "title": "Learn",
+          "gettingStarted": {
+            "title": "Getting Started",
+            "introductionToNodejs": "Introduction to Node.js",
+            "howToInstallNodejs": "How to install Node.js",
+            "howMuchJavascriptDoYouNeedToKnowToUseNodejs": "How much JavaScript do you need to know to use Node.js?",
+            "differencesBetweenNodejsAndTheBrowser": "Differences between Node.js and the Browser",
+            "theV8JavascriptEngine": "The V8 JavaScript Engine",
+            "anIntroductionToTheNpmPackageManager": "An introduction to the NPM package manager",
+            "ecmascript2015Es6AndBeyond": "ECMAScript 2015 (ES6) and beyond",
+            "nodejsTheDifferenceBetweenDevelopmentAndProduction": "Node.js, the difference between development and production",
+            "nodejsWithTypescript": "Node.js with TypeScript",
+            "nodejsWithWebassembly": "Node.js with WebAssembly"
+          },
+          "asynchronousWork": {
+            "title": "Asynchronous Work",
+            "asynchronousFlowControl": "Asynchronous flow control",
+            "overviewOfBlockingVsNonBlocking": "Overview of Blocking vs Non-Blocking",
+            "javascriptAsynchronousProgrammingAndCallbacks": "JavaScript Asynchronous Programming and Callbacks",
+            "discoverJavaScriptTimers": "Discover JavaScript Timers",
+            "understandingProcessnexttick": "Understanding process.nextTick()",
+            "understandingSetimmediate": "Understanding setImmediate()",
+            "theNodejsEventEmitter": "The Node.js Event emitter"
+          },
+          "manipulatingFiles": {
+            "title": "Manipulating Files",
+            "nodejsFileStats": "Node.js file stats",
+            "nodejsFilePaths": "Node.js File Paths",
+            "workingWithFileDescriptorsInNodejs": "Working with file descriptors in Node.js",
+            "readingFilesWithNodejs": "Reading files with Node.js",
+            "writingFilesWithNodejs": "Writing files with Node.js",
+            "workingWithFoldersInNodejs": "Working with folders in Node.js"
+          },
+          "commandLine": {
+            "title": "Command Line",
+            "runNodejsScriptsFromTheCommandLine": "Run Node.js scripts from the command line",
+            "howToReadEnvironmentVariablesFromNodejs": "How to read environment variables from Node.js",
+            "howToUseTheNodejsRepl": "How to use the Node.js REPL",
+            "outputToTheCommandLineUsingNodejs": "Output to the command line using Node.js",
+            "acceptInputFromTheCommandLineInNodejs": "Accept input from the command line in Node.js"
+          }
+        }
+      },
+      "buttons": {
+        "toggleLanguage": "Toggle Language",
+        "toggleDarkMode": "Toggle dark/light mode"
+      }
+    },
+    "navigation": {
+      "about": {
+        "links": {
+          "governance": "Project Governance",
+          "releases": "Previous Releases",
+          "security": "Security Reporting"
+        }
+      },
+      "docs": {
+        "links": {
+          "es6": "ES6 and beyond",
+          "apiLts": "{fullLtsNodeVersion} API <graySpan>LTS</graySpan>",
+          "apiCurrent": "{fullCurrentNodeVersion} API",
+          "guides": "Guides <graySpan>ARCHIVED</graySpan>",
+          "dependencies": "Dependencies"
+        }
+      },
+      "getInvolved": {
+        "links": {
+          "collabSummit": "Collab Summit",
+          "contribute": "Contribute",
+          "codeOfConduct": "Code of Conduct"
+        }
+      }
+    },
+    "downloadList": {
+      "links": {
+        "previousReleases": "Previous Releases",
+        "packageManager": "Installing Node.js via package manager",
+        "shaSums": {
+          "title": "Signed SHASUMS for release files",
+          "howToVerify": " (How to verify)"
+        },
+        "allDownloads": "All download options",
+        "nightlyReleases": "Nightly builds",
+        "unofficialBuilds": "Unofficial builds",
+        "buildingFromSource": "Building Node.js from source on supported platforms",
+        "installingOnLinux": "Installing Node.js via binary archive",
+        "installingOnWsl": "Install on Windows Subsystem for Linux (WSL)"
+      }
+    },
+    "downloadReleasesTable": {
+      "changelog": "Changelog",
+      "releases": "Releases",
+      "docs": "Docs"
+    },
+    "pagination": {
+      "next": "Newer | ",
+      "previous": "Older"
+    },
+    "common": {
+      "breadcrumbs": {
+        "navigateToHome": "Navigate to Home"
+      },
+      "crossLink": {
+        "previous": "Prev",
+        "next": "Next"
+      },
+      "codebox": {
+        "copied": "Copied to clipboard!"
+      },
+      "pagination": {
+        "prev": "Previous",
+        "prevAriaLabel": "Previous page",
+        "next": "Next",
+        "nextAriaLabel": "Next page",
+        "defaultLabel": "Pagination",
+        "pageLabel": "Go to page {pageNumber}"
+      },
+      "languageDropdown": {
+        "label": "Choose Language"
+      },
+      "card": {
+        "announcement": "Announcements",
+        "release": "Releases",
+        "vulnerability": "Vulnerabilities"
+      }
+    },
+    "metabar": {
+      "lastUpdated": "Last Updated",
+      "readingTime": "Reading Time",
+      "addedIn": "Added In",
+      "author": "Author",
+      "authors": "Authors",
+      "contribute": "Contribute",
+      "contributeText": "Edit this page",
+      "viewAs": "View as",
+      "tableOfContents": "Table of Contents"
+    },
+    "api": {
+      "jsonLink": {
+        "title": "View as JSON"
+      },
+      "sourceLink": "Source Code:"
+    },
+    "home": {
+      "homeDownloadButton": {
+        "download": "{version} {isLts, select, true {LTS} other {Current}}",
+        "tagline": "{isLts, select, true {Recommended For Most Users} other {Latest Features}}",
+        "changelog": "Changelog",
+        "otherDownloads": "Other Downloads",
+        "apiDocs": "API Docs"
+      }
+    }
+  },
+  "layouts": {
+    "blogPost": {
+      "author": {
+        "byLine": "{author, select, null {} other {By {author}, }}"
+      }
+    },
+    "blogIndex": {
+      "currentYear": "News from {year}"
+    }
+  },
+  "pages": {
+    "404": {
+      "title": "404: Page could not be found",
+      "description": "ENOENT: no such file or directory"
+    }
+  }
 }

i18n/locales/ko.json

···
 {
-  "components.footer.scrollToTop.button": "Scroll to top",
-  "components.header.links.about": "About",
-  "components.header.links.download": "Download",
-  "components.header.links.docs": "Docs",
-  "components.header.links.getInvolved": "Get Involved",
-  "components.header.links.security": "Security",
-  "components.header.links.certification": "Certification",
-  "components.header.links.blog": "News",
-  "components.footer.links.trademarkPolicy": "Trademark Policy",
-  "components.footer.links.privacyPolicy": "Privacy Policy",
-  "components.footer.links.codeOfConduct": "Code of Conduct",
-  "components.footer.links.security": "Security Policy",
-  "components.footer.links.openJS": "OpenJS Foundation",
-  "components.navigation.about.links.governance": "Project Governance",
-  "components.navigation.about.links.releases": "Previous Releases",
-  "components.navigation.about.links.security": "Security Reporting",
-  "components.navigation.docs.links.es6": "ES6 and beyond",
-  "components.navigation.docs.links.apiLts": "{fullLtsNodeVersion} API {spanLts}",
-  "components.navigation.docs.links.apiCurrent": "{fullCurrentNodeVersion} API",
-  "components.navigation.docs.links.guides": "Guides {spanGuides}",
-  "components.navigation.docs.links.dependencies": "Dependencies",
-  "components.navigation.getInvolved.links.collabSummit": "Collab Summit",
-  "components.navigation.getInvolved.links.contribute": "Contribute",
-  "components.navigation.getInvolved.links.codeOfConduct": "Code of Conduct",
-  "components.downloadList.links.previousReleases": "Previous Releases",
-  "components.downloadList.links.packageManager": "Installing Node.js via package manager",
-  "components.downloadList.links.shaSums": "Signed SHASUMS for release files",
-  "components.downloadList.links.shaSums.howToVerify": " (How to verify)",
-  "components.downloadList.links.allDownloads": "All download options",
-  "components.downloadList.links.nightlyReleases": "Nightly builds",
-  "components.downloadList.links.unofficialBuilds": "Unofficial builds",
-  "components.downloadList.links.buildingFromSource": "Building Node.js from source on supported platforms",
-  "components.downloadList.links.installingOnLinux": "Installing Node.js via binary archive",
-  "components.downloadList.links.installingOnWsl": "Install on Windows Subsystem for Linux (WSL)",
-  "components.downloadReleasesTable.changelog": "Changelog",
-  "components.downloadReleasesTable.releases": "Releases",
-  "components.downloadReleasesTable.docs": "Docs",
-  "components.header.buttons.toggleLanguage": "Toggle Language",
-  "components.header.buttons.toggleDarkMode": "Toggle dark/light mode",
-  "components.pagination.next": "Newer | ",
-  "components.pagination.previous": "Older",
-  "components.common.breadcrumbs.navigateToHome": "Navigate to Home",
-  "components.common.crossLink.previous": "Prev",
-  "components.common.crossLink.next": "Next",
-  "components.common.codebox.copied": "Copied to clipboard!",
-  "components.metabar.lastUpdated": "Last Updated",
-  "components.metabar.readingTime": "Reading Time",
-  "components.metabar.addedIn": "Added In",
-  "components.metabar.author": "Author",
-  "components.metabar.authors": "Authors",
-  "components.metabar.contribute": "Contribute",
-  "components.metabar.contributeText": "Edit this page",
-  "components.metabar.viewAs": "View as",
-  "components.metabar.tableOfContents": "Table of Contents",
-  "layouts.blogPost.author.byLine": "{author, select, null {} other {By {author}, }}",
-  "layouts.blogIndex.currentYear": "News from {year}",
-  "components.api.jsonLink.title": "View as JSON",
-  "components.api.sourceLink": "Source Code:",
-  "pages.404.title": "404: Page could not be found",
-  "pages.404.description": "ENOENT: no such file or directory",
-  "components.common.pagination.prev": "Previous",
-  "components.common.pagination.prevAriaLabel": "Previous page",
-  "components.common.pagination.next": "Next",
-  "components.common.pagination.nextAriaLabel": "Next page",
-  "components.common.pagination.defaultLabel": "Pagination",
-  "components.common.pagination.pageLabel": "Go to page {pageNumber}",
-  "components.common.languageDropdown.label": "Choose Language",
-  "components.common.card.announcement": "Announcements",
-  "components.common.card.release": "Releases",
-  "components.common.card.vulnerability": "Vulnerabilities",
-  "components.home.homeDownloadButton.download": "{version} {isLts, select, true {LTS} other {Current}}",
-  "components.home.homeDownloadButton.tagline": "{isLts, select, true {Recommended For Most Users} other {Latest Features}}",
-  "components.home.homeDownloadButton.changelog": "Changelog",
-  "components.home.homeDownloadButton.otherDownloads": "Other Downloads",
-  "components.home.homeDownloadButton.apiDocs": "API Docs",
-  "components.header.links.learn": "Learn",
-  "components.header.links.learn.gettingStarted": "Getting Started",
-  "components.header.links.learn.gettingStarted.introductionToNodejs": "Introduction to Node.js",
-  "components.header.links.learn.gettingStarted.howToInstallNodejs": "How to install Node.js",
-  "components.header.links.learn.gettingStarted.howMuchJavascriptDoYouNeedToKnowToUseNodejs": "How much JavaScript do you need to know to use Node.js?",
-  "components.header.links.learn.gettingStarted.differencesBetweenNodejsAndTheBrowser": "Differences between Node.js and the Browser",
-  "components.header.links.learn.gettingStarted.theV8JavascriptEngine": "The V8 JavaScript Engine",
-  "components.header.links.learn.gettingStarted.anIntroductionToTheNpmPackageManager": "An introduction to the NPM package manager",
-  "components.header.links.learn.gettingStarted.ecmascript2015Es6AndBeyond": "ECMAScript 2015 (ES6) and beyond",
-  "components.header.links.learn.gettingStarted.nodejsTheDifferenceBetweenDevelopmentAndProduction": "Node.js, the difference between development and production",
-  "components.header.links.learn.gettingStarted.nodejsWithTypescript": "Node.js with TypeScript",
-  "components.header.links.learn.gettingStarted.nodejsWithWebassembly": "Node.js with WebAssembly",
-  "components.header.links.learn.asynchronousWork": "Asynchronous Work",
-  "components.header.links.learn.asynchronousWork.asynchronousFlowControl": "Asynchronous flow control",
-  "components.header.links.learn.asynchronousWork.overviewOfBlockingVsNonBlocking": "Overview of Blocking vs Non-Blocking",
-  "components.header.links.learn.asynchronousWork.javascriptAsynchronousProgrammingAndCallbacks": "JavaScript Asynchronous Programming and Callbacks",
-  "components.header.links.learn.asynchronousWork.discoverJavaScriptTimers": "Discover JavaScript Timers",
-  "components.header.links.learn.asynchronousWork.understandingProcessnexttick": "Understanding process.nextTick()",
-  "components.header.links.learn.asynchronousWork.understandingSetimmediate": "Understanding setImmediate()",
-  "components.header.links.learn.asynchronousWork.theNodejsEventEmitter": "The Node.js Event emitter",
-  "components.header.links.learn.manipulatingFiles": "Manipulating Files",
-  "components.header.links.learn.manipulatingFiles.nodejsFileStats": "Node.js file stats",
-  "components.header.links.learn.manipulatingFiles.nodejsFilePaths": "Node.js File Paths",
-  "components.header.links.learn.manipulatingFiles.workingWithFileDescriptorsInNodejs": "Working with file descriptors in Node.js",
-  "components.header.links.learn.manipulatingFiles.readingFilesWithNodejs": "Reading files with Node.js",
-  "components.header.links.learn.manipulatingFiles.writingFilesWithNodejs": "Writing files with Node.js",
-  "components.header.links.learn.manipulatingFiles.workingWithFoldersInNodejs": "Working with folders in Node.js",
-  "components.header.links.learn.commandLine": "Command Line",
-  "components.header.links.learn.commandLine.runNodejsScriptsFromTheCommandLine": "Run Node.js scripts from the command line",
-  "components.header.links.learn.commandLine.howToReadEnvironmentVariablesFromNodejs": "How to read environment variables from Node.js",
-  "components.header.links.learn.commandLine.howToUseTheNodejsRepl": "How to use the Node.js REPL",
-  "components.header.links.learn.commandLine.outputToTheCommandLineUsingNodejs": "Output to the command line using Node.js",
-  "components.header.links.learn.commandLine.acceptInputFromTheCommandLineInNodejs": "Accept input from the command line in Node.js"
+  "components": {
+    "footer": {
+      "scrollToTop": {
+        "button": "Scroll to top"
+      },
+      "links": {
+        "trademarkPolicy": "Trademark Policy",
+        "privacyPolicy": "Privacy Policy",
+        "codeOfConduct": "Code of Conduct",
+        "security": "Security Policy",
+        "openJS": "OpenJS Foundation"
+      }
+    },
+    "header": {
+      "links": {
+        "about": "About",
+        "download": "Download",
+        "docs": "Docs",
+        "getInvolved": "Get Involved",
+        "security": "Security",
+        "certification": "Certification",
+        "blog": "News",
+        "learn": {
+          "title": "Learn",
+          "gettingStarted": {
+            "title": "Getting Started",
+            "introductionToNodejs": "Introduction to Node.js",
+            "howToInstallNodejs": "How to install Node.js",
+            "howMuchJavascriptDoYouNeedToKnowToUseNodejs": "How much JavaScript do you need to know to use Node.js?",
+            "differencesBetweenNodejsAndTheBrowser": "Differences between Node.js and the Browser",
+            "theV8JavascriptEngine": "The V8 JavaScript Engine",
+            "anIntroductionToTheNpmPackageManager": "An introduction to the NPM package manager",
+            "ecmascript2015Es6AndBeyond": "ECMAScript 2015 (ES6) and beyond",
+            "nodejsTheDifferenceBetweenDevelopmentAndProduction": "Node.js, the difference between development and production",
+            "nodejsWithTypescript": "Node.js with TypeScript",
+            "nodejsWithWebassembly": "Node.js with WebAssembly"
+          },
+          "asynchronousWork": {
+            "title": "Asynchronous Work",
+            "asynchronousFlowControl": "Asynchronous flow control",
+            "overviewOfBlockingVsNonBlocking": "Overview of Blocking vs Non-Blocking",
+            "javascriptAsynchronousProgrammingAndCallbacks": "JavaScript Asynchronous Programming and Callbacks",
+            "discoverJavaScriptTimers": "Discover JavaScript Timers",
+            "understandingProcessnexttick": "Understanding process.nextTick()",
+            "understandingSetimmediate": "Understanding setImmediate()",
+            "theNodejsEventEmitter": "The Node.js Event emitter"
+          },
+          "manipulatingFiles": {
+            "title": "Manipulating Files",
+            "nodejsFileStats": "Node.js file stats",
+            "nodejsFilePaths": "Node.js File Paths",
+            "workingWithFileDescriptorsInNodejs": "Working with file descriptors in Node.js",
+            "readingFilesWithNodejs": "Reading files with Node.js",
+            "writingFilesWithNodejs": "Writing files with Node.js",
+            "workingWithFoldersInNodejs": "Working with folders in Node.js"
+          },
+          "commandLine": {
+            "title": "Command Line",
+            "runNodejsScriptsFromTheCommandLine": "Run Node.js scripts from the command line",
+            "howToReadEnvironmentVariablesFromNodejs": "How to read environment variables from Node.js",
+            "howToUseTheNodejsRepl": "How to use the Node.js REPL",
+            "outputToTheCommandLineUsingNodejs": "Output to the command line using Node.js",
+            "acceptInputFromTheCommandLineInNodejs": "Accept input from the command line in Node.js"
+          }
+        }
+      },
+      "buttons": {
+        "toggleLanguage": "Toggle Language",
+        "toggleDarkMode": "Toggle dark/light mode"
+      }
+    },
+    "navigation": {
+      "about": {
+        "links": {
+          "governance": "Project Governance",
+          "releases": "Previous Releases",
+          "security": "Security Reporting"
+        }
+      },
+      "docs": {
+        "links": {
+          "es6": "ES6 and beyond",
+          "apiLts": "{fullLtsNodeVersion} API <graySpan>LTS</graySpan>",
+          "apiCurrent": "{fullCurrentNodeVersion} API",
+          "guides": "Guides <graySpan>ARCHIVED</graySpan>",
+          "dependencies": "Dependencies"
+        }
+      },
+      "getInvolved": {
+        "links": {
+          "collabSummit": "Collab Summit",
+          "contribute": "Contribute",
+          "codeOfConduct": "Code of Conduct"
+        }
+      }
+    },
+    "downloadList": {
+      "links": {
+        "previousReleases": "Previous Releases",
+        "packageManager": "Installing Node.js via package manager",
+        "shaSums": {
+          "title": "Signed SHASUMS for release files",
+          "howToVerify": " (How to verify)"
+        },
+        "allDownloads": "All download options",
+        "nightlyReleases": "Nightly builds",
+        "unofficialBuilds": "Unofficial builds",
+        "buildingFromSource": "Building Node.js from source on supported platforms",
+        "installingOnLinux": "Installing Node.js via binary archive",
+        "installingOnWsl": "Install on Windows Subsystem for Linux (WSL)"
+      }
+    },
+    "downloadReleasesTable": {
+      "changelog": "Changelog",
+      "releases": "Releases",
+      "docs": "Docs"
+    },
+    "pagination": {
+      "next": "Newer | ",
+      "previous": "Older"
+    },
+    "common": {
+      "breadcrumbs": {
+        "navigateToHome": "Navigate to Home"
+      },
+      "crossLink": {
+        "previous": "Prev",
+        "next": "Next"
+      },
+      "codebox": {
+        "copied": "Copied to clipboard!"
+      },
+      "pagination": {
+        "prev": "Previous",
+        "prevAriaLabel": "Previous page",
+        "next": "Next",
+        "nextAriaLabel": "Next page",
+        "defaultLabel": "Pagination",
+        "pageLabel": "Go to page {pageNumber}"
+      },
+      "languageDropdown": {
+        "label": "Choose Language"
+      },
+      "card": {
+        "announcement": "Announcements",
+        "release": "Releases",
+        "vulnerability": "Vulnerabilities"
+      }
+    },
+    "metabar": {
+      "lastUpdated": "Last Updated",
+      "readingTime": "Reading Time",
+      "addedIn": "Added In",
+      "author": "Author",
+      "authors": "Authors",
+      "contribute": "Contribute",
+      "contributeText": "Edit this page",
+      "viewAs": "View as",
+      "tableOfContents": "Table of Contents"
+    },
+    "api": {
+      "jsonLink": {
+        "title": "View as JSON"
+      },
+      "sourceLink": "Source Code:"
+    },
+    "home": {
+      "homeDownloadButton": {
+        "download": "{version} {isLts, select, true {LTS} other {Current}}",
+        "tagline": "{isLts, select, true {Recommended For Most Users} other {Latest Features}}",
+        "changelog": "Changelog",
+        "otherDownloads": "Other Downloads",
+        "apiDocs": "API Docs"
+      }
+    }
+  },
+  "layouts": {
+    "blogPost": {
+      "author": {
+        "byLine": "{author, select, null {} other {By {author}, }}"
+      }
+    },
+    "blogIndex": {
+      "currentYear": "News from {year}"
+    }
+  },
+  "pages": {
+    "404": {
+      "title": "404: Page could not be found",
+      "description": "ENOENT: no such file or directory"
+    }
+  }
 }

i18n/locales/pt-br.json

···
 {
-  "components.footer.scrollToTop.button": "Scroll to top",
-  "components.header.links.about": "About",
-  "components.header.links.download": "Download",
-  "components.header.links.docs": "Docs",
-  "components.header.links.getInvolved": "Get Involved",
-  "components.header.links.security": "Security",
-  "components.header.links.certification": "Certification",
-  "components.header.links.blog": "News",
-  "components.footer.links.trademarkPolicy": "Trademark Policy",
-  "components.footer.links.privacyPolicy": "Privacy Policy",
-  "components.footer.links.codeOfConduct": "Code of Conduct",
-  "components.footer.links.security": "Security Policy",
-  "components.footer.links.openJS": "OpenJS Foundation",
-  "components.navigation.about.links.governance": "Project Governance",
-  "components.navigation.about.links.releases": "Previous Releases",
-  "components.navigation.about.links.security": "Security Reporting",
-  "components.navigation.docs.links.es6": "ES6 and beyond",
-  "components.navigation.docs.links.apiLts": "{fullLtsNodeVersion} API {spanLts}",
-  "components.navigation.docs.links.apiCurrent": "{fullCurrentNodeVersion} API",
-  "components.navigation.docs.links.guides": "Guides {spanGuides}",
-  "components.navigation.docs.links.dependencies": "Dependencies",
-  "components.navigation.getInvolved.links.collabSummit": "Collab Summit",
-  "components.navigation.getInvolved.links.contribute": "Contribute",
-  "components.navigation.getInvolved.links.codeOfConduct": "Code of Conduct",
-  "components.downloadList.links.previousReleases": "Previous Releases",
-  "components.downloadList.links.packageManager": "Installing Node.js via package manager",
-  "components.downloadList.links.shaSums": "Signed SHASUMS for release files",
-  "components.downloadList.links.shaSums.howToVerify": " (How to verify)",
-  "components.downloadList.links.allDownloads": "All download options",
-  "components.downloadList.links.nightlyReleases": "Nightly builds",
-  "components.downloadList.links.unofficialBuilds": "Unofficial builds",
-  "components.downloadList.links.buildingFromSource": "Building Node.js from source on supported platforms",
-  "components.downloadList.links.installingOnLinux": "Installing Node.js via binary archive",
-  "components.downloadList.links.installingOnWsl": "Install on Windows Subsystem for Linux (WSL)",
-  "components.downloadReleasesTable.changelog": "Changelog",
-  "components.downloadReleasesTable.releases": "Releases",
-  "components.downloadReleasesTable.docs": "Docs",
-  "components.header.buttons.toggleLanguage": "Toggle Language",
-  "components.header.buttons.toggleDarkMode": "Toggle dark/light mode",
-  "components.pagination.next": "Newer | ",
-  "components.pagination.previous": "Older",
-  "components.common.breadcrumbs.navigateToHome": "Navigate to Home",
-  "components.common.crossLink.previous": "Prev",
-  "components.common.crossLink.next": "Next",
-  "components.common.codebox.copied": "Copied to clipboard!",
-  "components.metabar.lastUpdated": "Last Updated",
-  "components.metabar.readingTime": "Reading Time",
-  "components.metabar.addedIn": "Added In",
-  "components.metabar.author": "Author",
-  "components.metabar.authors": "Authors",
-  "components.metabar.contribute": "Contribute",
-  "components.metabar.contributeText": "Edit this page",
-  "components.metabar.viewAs": "View as",
-  "components.metabar.tableOfContents": "Table of Contents",
-  "layouts.blogPost.author.byLine": "{author, select, null {} other {By {author}, }}",
-  "layouts.blogIndex.currentYear": "News from {year}",
-  "components.api.jsonLink.title": "View as JSON",
-  "components.api.sourceLink": "Source Code:",
-  "pages.404.title": "404: Page could not be found",
-  "pages.404.description": "ENOENT: no such file or directory",
-  "components.common.pagination.prev": "Previous",
-  "components.common.pagination.prevAriaLabel": "Previous page",
-  "components.common.pagination.next": "Next",
-  "components.common.pagination.nextAriaLabel": "Next page",
-  "components.common.pagination.defaultLabel": "Pagination",
-  "components.common.pagination.pageLabel": "Go to page {pageNumber}",
-  "components.common.languageDropdown.label": "Choose Language",
-  "components.common.card.announcement": "Announcements",
-  "components.common.card.release": "Releases",
-  "components.common.card.vulnerability": "Vulnerabilities",
-  "components.home.homeDownloadButton.download": "{version} {isLts, select, true {LTS} other {Current}}",
-  "components.home.homeDownloadButton.tagline": "{isLts, select, true {Recommended For Most Users} other {Latest Features}}",
-  "components.home.homeDownloadButton.changelog": "Changelog",
-  "components.home.homeDownloadButton.otherDownloads": "Other Downloads",
-  "components.home.homeDownloadButton.apiDocs": "API Docs",
-  "components.header.links.learn": "Learn",
-  "components.header.links.learn.gettingStarted": "Getting Started",
-  "components.header.links.learn.gettingStarted.introductionToNodejs": "Introduction to Node.js",
-  "components.header.links.learn.gettingStarted.howToInstallNodejs": "How to install Node.js",
-  "components.header.links.learn.gettingStarted.howMuchJavascriptDoYouNeedToKnowToUseNodejs": "How much JavaScript do you need to know to use Node.js?",
-  "components.header.links.learn.gettingStarted.differencesBetweenNodejsAndTheBrowser": "Differences between Node.js and the Browser",
-  "components.header.links.learn.gettingStarted.theV8JavascriptEngine": "The V8 JavaScript Engine",
-  "components.header.links.learn.gettingStarted.anIntroductionToTheNpmPackageManager": "An introduction to the NPM package manager",
-  "components.header.links.learn.gettingStarted.ecmascript2015Es6AndBeyond": "ECMAScript 2015 (ES6) and beyond",
-  "components.header.links.learn.gettingStarted.nodejsTheDifferenceBetweenDevelopmentAndProduction": "Node.js, the difference between development and production",
-  "components.header.links.learn.gettingStarted.nodejsWithTypescript": "Node.js with TypeScript",
-  "components.header.links.learn.gettingStarted.nodejsWithWebassembly": "Node.js with WebAssembly",
-  "components.header.links.learn.asynchronousWork": "Asynchronous Work",
-  "components.header.links.learn.asynchronousWork.asynchronousFlowControl": "Asynchronous flow control",
-  "components.header.links.learn.asynchronousWork.overviewOfBlockingVsNonBlocking": "Overview of Blocking vs Non-Blocking",
-  "components.header.links.learn.asynchronousWork.javascriptAsynchronousProgrammingAndCallbacks": "JavaScript Asynchronous Programming and Callbacks",
-  "components.header.links.learn.asynchronousWork.discoverJavaScriptTimers": "Discover JavaScript Timers",
-  "components.header.links.learn.asynchronousWork.understandingProcessnexttick": "Understanding process.nextTick()",
-  "components.header.links.learn.asynchronousWork.understandingSetimmediate": "Understanding setImmediate()",
-  "components.header.links.learn.asynchronousWork.theNodejsEventEmitter": "The Node.js Event emitter",
-  "components.header.links.learn.manipulatingFiles": "Manipulating Files",
-  "components.header.links.learn.manipulatingFiles.nodejsFileStats": "Node.js file stats",
-  "components.header.links.learn.manipulatingFiles.nodejsFilePaths": "Node.js File Paths",
-  "components.header.links.learn.manipulatingFiles.workingWithFileDescriptorsInNodejs": "Working with file descriptors in Node.js",
-  "components.header.links.learn.manipulatingFiles.readingFilesWithNodejs": "Reading files with Node.js",
-  "components.header.links.learn.manipulatingFiles.writingFilesWithNodejs": "Writing files with Node.js",
-  "components.header.links.learn.manipulatingFiles.workingWithFoldersInNodejs": "Working with folders in Node.js",
-  "components.header.links.learn.commandLine": "Command Line",
-  "components.header.links.learn.commandLine.runNodejsScriptsFromTheCommandLine": "Run Node.js scripts from the command line",
-  "components.header.links.learn.commandLine.howToReadEnvironmentVariablesFromNodejs": "How to read environment variables from Node.js",
-  "components.header.links.learn.commandLine.howToUseTheNodejsRepl": "How to use the Node.js REPL",
-  "components.header.links.learn.commandLine.outputToTheCommandLineUsingNodejs": "Output to the command line using Node.js",
-  "components.header.links.learn.commandLine.acceptInputFromTheCommandLineInNodejs": "Accept input from the command line in Node.js"
+  "components": {
+    "footer": {
+      "scrollToTop": {
+        "button": "Scroll to top"
+      },
+      "links": {
+        "trademarkPolicy": "Trademark Policy",
+        "privacyPolicy": "Privacy Policy",
+        "codeOfConduct": "Code of Conduct",
+        "security": "Security Policy",
+        "openJS": "OpenJS Foundation"
+      }
+    },
+    "header": {
+      "links": {
+        "about": "About",
+        "download": "Download",
+        "docs": "Docs",
+        "getInvolved": "Get Involved",
+        "security": "Security",
+        "certification": "Certification",
+        "blog": "News",
+        "learn": {
+          "title": "Learn",
+          "gettingStarted": {
+            "title": "Getting Started",
+            "introductionToNodejs": "Introduction to Node.js",
+            "howToInstallNodejs": "How to install Node.js",
+            "howMuchJavascriptDoYouNeedToKnowToUseNodejs": "How much JavaScript do you need to know to use Node.js?",
+            "differencesBetweenNodejsAndTheBrowser": "Differences between Node.js and the Browser",
+            "theV8JavascriptEngine": "The V8 JavaScript Engine",
+            "anIntroductionToTheNpmPackageManager": "An introduction to the NPM package manager",
+            "ecmascript2015Es6AndBeyond": "ECMAScript 2015 (ES6) and beyond",
+            "nodejsTheDifferenceBetweenDevelopmentAndProduction": "Node.js, the difference between development and production",
+            "nodejsWithTypescript": "Node.js with TypeScript",
+            "nodejsWithWebassembly": "Node.js with WebAssembly"
+          },
+          "asynchronousWork": {
+            "title": "Asynchronous Work",
+            "asynchronousFlowControl": "Asynchronous flow control",
+            "overviewOfBlockingVsNonBlocking": "Overview of Blocking vs Non-Blocking",
+            "javascriptAsynchronousProgrammingAndCallbacks": "JavaScript Asynchronous Programming and Callbacks",
+            "discoverJavaScriptTimers": "Discover JavaScript Timers",
+            "understandingProcessnexttick": "Understanding process.nextTick()",
+            "understandingSetimmediate": "Understanding setImmediate()",
+            "theNodejsEventEmitter": "The Node.js Event emitter"
+          },
+          "manipulatingFiles": {
+            "title": "Manipulating Files",
+            "nodejsFileStats": "Node.js file stats",
+            "nodejsFilePaths": "Node.js File Paths",
+            "workingWithFileDescriptorsInNodejs": "Working with file descriptors in Node.js",
+            "readingFilesWithNodejs": "Reading files with Node.js",
+            "writingFilesWithNodejs": "Writing files with Node.js",
+            "workingWithFoldersInNodejs": "Working with folders in Node.js"
+          },
+          "commandLine": {
+            "title": "Command Line",
+            "runNodejsScriptsFromTheCommandLine": "Run Node.js scripts from the command line",
+            "howToReadEnvironmentVariablesFromNodejs": "How to read environment variables from Node.js",
+            "howToUseTheNodejsRepl": "How to use the Node.js REPL",
+            "outputToTheCommandLineUsingNodejs": "Output to the command line using Node.js",
+            "acceptInputFromTheCommandLineInNodejs": "Accept input from the command line in Node.js"
+          }
+        }
+      },
+      "buttons": {
+        "toggleLanguage": "Toggle Language",
+        "toggleDarkMode": "Toggle dark/light mode"
+      }
+    },
+    "navigation": {
+      "about": {
+        "links": {
+          "governance": "Project Governance",
+          "releases": "Previous Releases",
+          "security": "Security Reporting"
+        }
+      },
+      "docs": {
+        "links": {
+          "es6": "ES6 and beyond",
+          "apiLts": "{fullLtsNodeVersion} API <graySpan>LTS</graySpan>",
+          "apiCurrent": "{fullCurrentNodeVersion} API",
+          "guides": "Guides <graySpan>ARCHIVED</graySpan>",
+          "dependencies": "Dependencies"
+        }
+      },
+      "getInvolved": {
+        "links": {
+          "collabSummit": "Collab Summit",
+          "contribute": "Contribute",
+          "codeOfConduct": "Code of Conduct"
+        }
+      }
+    },
+    "downloadList": {
+      "links": {
+        "previousReleases": "Previous Releases",
+        "packageManager": "Installing Node.js via package manager",
+        "shaSums": {
+          "title": "Signed SHASUMS for release files",
+          "howToVerify": " (How to verify)"
+        },
+        "allDownloads": "All download options",
+        "nightlyReleases": "Nightly builds",
+        "unofficialBuilds": "Unofficial builds",
+        "buildingFromSource": "Building Node.js from source on supported platforms",
+        "installingOnLinux": "Installing Node.js via binary archive",
+        "installingOnWsl": "Install on Windows Subsystem for Linux (WSL)"
+      }
+    },
+    "downloadReleasesTable": {
+      "changelog": "Changelog",
+      "releases": "Releases",
+      "docs": "Docs"
+    },
+    "pagination": {
+      "next": "Newer | ",
+      "previous": "Older"
+    },
+    "common": {
+      "breadcrumbs": {
+        "navigateToHome": "Navigate to Home"
+      },
+      "crossLink": {
+        "previous": "Prev",
+        "next": "Next"
+      },
+      "codebox": {
+        "copied": "Copied to clipboard!"
+      },
+      "pagination": {
+        "prev": "Previous",
+        "prevAriaLabel": "Previous page",
+        "next": "Next",
+        "nextAriaLabel": "Next page",
+        "defaultLabel": "Pagination",
+        "pageLabel": "Go to page {pageNumber}"
+      },
+      "languageDropdown": {
+        "label": "Choose Language"
+      },
+      "card": {
+        "announcement": "Announcements",
+        "release": "Releases",
+        "vulnerability": "Vulnerabilities"
+      }
+    },
+    "metabar": {
+      "lastUpdated": "Last Updated",
+      "readingTime": "Reading Time",
+      "addedIn": "Added In",
+      "author": "Author",
+      "authors": "Authors",
+      "contribute": "Contribute",
+      "contributeText": "Edit this page",
+      "viewAs": "View as",
+      "tableOfContents": "Table of Contents"
+    },
+    "api": {
+      "jsonLink": {
+        "title": "View as JSON"
+      },
+      "sourceLink": "Source Code:"
+    },
+    "home": {
+      "homeDownloadButton": {
+        "download": "{version} {isLts, select, true {LTS} other {Current}}",
+        "tagline": "{isLts, select, true {Recommended For Most Users} other {Latest Features}}",
+        "changelog": "Changelog",
+        "otherDownloads": "Other Downloads",
+        "apiDocs": "API Docs"
+      }
+    }
+  },
+  "layouts": {
+    "blogPost": {
+      "author": {
+        "byLine": "{author, select, null {} other {By {author}, }}"
+      }
+    },
+    "blogIndex": {
+      "currentYear": "News from {year}"
+    }
+  },
+  "pages": {
+    "404": {
+      "title": "404: Page could not be found",
+      "description": "ENOENT: no such file or directory"
+    }
+  }
 }

i18n/locales/ru.json

···
 {
-  "components.footer.scrollToTop.button": "Scroll to top",
-  "components.header.links.about": "About",
-  "components.header.links.download": "Download",
-  "components.header.links.docs": "Docs",
-  "components.header.links.getInvolved": "Get Involved",
-  "components.header.links.security": "Security",
-  "components.header.links.certification": "Certification",
-  "components.header.links.blog": "News",
-  "components.footer.links.trademarkPolicy": "Trademark Policy",
-  "components.footer.links.privacyPolicy": "Privacy Policy",
-  "components.footer.links.codeOfConduct": "Code of Conduct",
-  "components.footer.links.security": "Security Policy",
-  "components.footer.links.openJS": "OpenJS Foundation",
-  "components.navigation.about.links.governance": "Project Governance",
-  "components.navigation.about.links.releases": "Previous Releases",
-  "components.navigation.about.links.security": "Security Reporting",
-  "components.navigation.docs.links.es6": "ES6 and beyond",
-  "components.navigation.docs.links.apiLts": "{fullLtsNodeVersion} API {spanLts}",
-  "components.navigation.docs.links.apiCurrent": "{fullCurrentNodeVersion} API",
-  "components.navigation.docs.links.guides": "Guides {spanGuides}",
-  "components.navigation.docs.links.dependencies": "Dependencies",
-  "components.navigation.getInvolved.links.collabSummit": "Collab Summit",
-  "components.navigation.getInvolved.links.contribute": "Contribute",
-  "components.navigation.getInvolved.links.codeOfConduct": "Code of Conduct",
-  "components.downloadList.links.previousReleases": "Previous Releases",
-  "components.downloadList.links.packageManager": "Installing Node.js via package manager",
-  "components.downloadList.links.shaSums": "Signed SHASUMS for release files",
-  "components.downloadList.links.shaSums.howToVerify": " (How to verify)",
-  "components.downloadList.links.allDownloads": "All download options",
-  "components.downloadList.links.nightlyReleases": "Nightly builds",
-  "components.downloadList.links.unofficialBuilds": "Unofficial builds",
-  "components.downloadList.links.buildingFromSource": "Building Node.js from source on supported platforms",
-  "components.downloadList.links.installingOnLinux": "Installing Node.js via binary archive",
-  "components.downloadList.links.installingOnWsl": "Install on Windows Subsystem for Linux (WSL)",
-  "components.downloadReleasesTable.changelog": "Changelog",
-  "components.downloadReleasesTable.releases": "Releases",
-  "components.downloadReleasesTable.docs": "Docs",
-  "components.header.buttons.toggleLanguage": "Toggle Language",
-  "components.header.buttons.toggleDarkMode": "Toggle dark/light mode",
-  "components.pagination.next": "Newer | ",
-  "components.pagination.previous": "Older",
-  "components.common.breadcrumbs.navigateToHome": "Navigate to Home",
-  "components.common.crossLink.previous": "Prev",
-  "components.common.crossLink.next": "Next",
-  "components.common.codebox.copied": "Copied to clipboard!",
-  "components.metabar.lastUpdated": "Last Updated",
-  "components.metabar.readingTime": "Reading Time",
-  "components.metabar.addedIn": "Added In",
-  "components.metabar.author": "Author",
-  "components.metabar.authors": "Authors",
-  "components.metabar.contribute": "Contribute",
-  "components.metabar.contributeText": "Edit this page",
-  "components.metabar.viewAs": "View as",
-  "components.metabar.tableOfContents": "Table of Contents",
-  "layouts.blogPost.author.byLine": "{author, select, null {} other {By {author}, }}",
-  "layouts.blogIndex.currentYear": "News from {year}",
-  "components.api.jsonLink.title": "View as JSON",
-  "components.api.sourceLink": "Source Code:",
-  "pages.404.title": "404: Page could not be found",
-  "pages.404.description": "ENOENT: no such file or directory",
-  "components.common.pagination.prev": "Previous",
-  "components.common.pagination.prevAriaLabel": "Previous page",
-  "components.common.pagination.next": "Next",
-  "components.common.pagination.nextAriaLabel": "Next page",
-  "components.common.pagination.defaultLabel": "Pagination",
-  "components.common.pagination.pageLabel": "Go to page {pageNumber}",
-  "components.common.languageDropdown.label": "Choose Language",
-  "components.common.card.announcement": "Announcements",
-  "components.common.card.release": "Releases",
-  "components.common.card.vulnerability": "Vulnerabilities",
-  "components.home.homeDownloadButton.download": "{version} {isLts, select, true {LTS} other {Current}}",
-  "components.home.homeDownloadButton.tagline": "{isLts, select, true {Recommended For Most Users} other {Latest Features}}",
-  "components.home.homeDownloadButton.changelog": "Changelog",
-  "components.home.homeDownloadButton.otherDownloads": "Other Downloads",
-  "components.home.homeDownloadButton.apiDocs": "API Docs",
-  "components.header.links.learn": "Learn",
-  "components.header.links.learn.gettingStarted": "Getting Started",
-  "components.header.links.learn.gettingStarted.introductionToNodejs": "Introduction to Node.js",
-  "components.header.links.learn.gettingStarted.howToInstallNodejs": "How to install Node.js",
-  "components.header.links.learn.gettingStarted.howMuchJavascriptDoYouNeedToKnowToUseNodejs": "How much JavaScript do you need to know to use Node.js?",
-  "components.header.links.learn.gettingStarted.differencesBetweenNodejsAndTheBrowser": "Differences between Node.js and the Browser",
-  "components.header.links.learn.gettingStarted.theV8JavascriptEngine": "The V8 JavaScript Engine",
-  "components.header.links.learn.gettingStarted.anIntroductionToTheNpmPackageManager": "An introduction to the NPM package manager",
-  "components.header.links.learn.gettingStarted.ecmascript2015Es6AndBeyond": "ECMAScript 2015 (ES6) and beyond",
-  "components.header.links.learn.gettingStarted.nodejsTheDifferenceBetweenDevelopmentAndProduction": "Node.js, the difference between development and production",
-  "components.header.links.learn.gettingStarted.nodejsWithTypescript": "Node.js with TypeScript",
-  "components.header.links.learn.gettingStarted.nodejsWithWebassembly": "Node.js with WebAssembly",
-  "components.header.links.learn.asynchronousWork": "Asynchronous Work",
-  "components.header.links.learn.asynchronousWork.asynchronousFlowControl": "Asynchronous flow control",
-  "components.header.links.learn.asynchronousWork.overviewOfBlockingVsNonBlocking": "Overview of Blocking vs Non-Blocking",
-  "components.header.links.learn.asynchronousWork.javascriptAsynchronousProgrammingAndCallbacks": "JavaScript Asynchronous Programming and Callbacks",
-  "components.header.links.learn.asynchronousWork.discoverJavaScriptTimers": "Discover JavaScript Timers",
-  "components.header.links.learn.asynchronousWork.understandingProcessnexttick": "Understanding process.nextTick()",
-  "components.header.links.learn.asynchronousWork.understandingSetimmediate": "Understanding setImmediate()",
-  "components.header.links.learn.asynchronousWork.theNodejsEventEmitter": "The Node.js Event emitter",
-  "components.header.links.learn.manipulatingFiles": "Manipulating Files",
-  "components.header.links.learn.manipulatingFiles.nodejsFileStats": "Node.js file stats",
-  "components.header.links.learn.manipulatingFiles.nodejsFilePaths": "Node.js File Paths",
-  "components.header.links.learn.manipulatingFiles.workingWithFileDescriptorsInNodejs": "Working with file descriptors in Node.js",
-  "components.header.links.learn.manipulatingFiles.readingFilesWithNodejs": "Reading files with Node.js",
-  "components.header.links.learn.manipulatingFiles.writingFilesWithNodejs": "Writing files with Node.js",
-  "components.header.links.learn.manipulatingFiles.workingWithFoldersInNodejs": "Working with folders in Node.js",
-  "components.header.links.learn.commandLine": "Command Line",
-  "components.header.links.learn.commandLine.runNodejsScriptsFromTheCommandLine": "Run Node.js scripts from the command line",
-  "components.header.links.learn.commandLine.howToReadEnvironmentVariablesFromNodejs": "How to read environment variables from Node.js",
-  "components.header.links.learn.commandLine.howToUseTheNodejsRepl": "How to use the Node.js REPL",
-  "components.header.links.learn.commandLine.outputToTheCommandLineUsingNodejs": "Output to the command line using Node.js",
-  "components.header.links.learn.commandLine.acceptInputFromTheCommandLineInNodejs": "Accept input from the command line in Node.js"
+  "components": {
+    "footer": {
+      "scrollToTop": {
+        "button": "Scroll to top"
+      },
+      "links": {
+        "trademarkPolicy": "Trademark Policy",
+        "privacyPolicy": "Privacy Policy",
+        "codeOfConduct": "Code of Conduct",
+        "security": "Security Policy",
+        "openJS": "OpenJS Foundation"
+      }
+    },
+    "header": {
+      "links": {
+        "about": "About",
+        "download": "Download",
+        "docs": "Docs",
+        "getInvolved": "Get Involved",
+        "security": "Security",
+        "certification": "Certification",
+        "blog": "News",
+        "learn": {
+          "title": "Learn",
+          "gettingStarted": {
+            "title": "Getting Started",
+            "introductionToNodejs": "Introduction to Node.js",
+            "howToInstallNodejs": "How to install Node.js",
+            "howMuchJavascriptDoYouNeedToKnowToUseNodejs": "How much JavaScript do you need to know to use Node.js?",
+            "differencesBetweenNodejsAndTheBrowser": "Differences between Node.js and the Browser",
+            "theV8JavascriptEngine": "The V8 JavaScript Engine",
+            "anIntroductionToTheNpmPackageManager": "An introduction to the NPM package manager",
+            "ecmascript2015Es6AndBeyond": "ECMAScript 2015 (ES6) and beyond",
+            "nodejsTheDifferenceBetweenDevelopmentAndProduction": "Node.js, the difference between development and production",
+            "nodejsWithTypescript": "Node.js with TypeScript",
+            "nodejsWithWebassembly": "Node.js with WebAssembly"
+          },
+          "asynchronousWork": {
+            "title": "Asynchronous Work",
+            "asynchronousFlowControl": "Asynchronous flow control",
+            "overviewOfBlockingVsNonBlocking": "Overview of Blocking vs Non-Blocking",
+            "javascriptAsynchronousProgrammingAndCallbacks": "JavaScript Asynchronous Programming and Callbacks",
+            "discoverJavaScriptTimers": "Discover JavaScript Timers",
+            "understandingProcessnexttick": "Understanding process.nextTick()",
+            "understandingSetimmediate": "Understanding setImmediate()",
+            "theNodejsEventEmitter": "The Node.js Event emitter"
+          },
+          "manipulatingFiles": {
+            "title": "Manipulating Files",
+            "nodejsFileStats": "Node.js file stats",
+            "nodejsFilePaths": "Node.js File Paths",
+            "workingWithFileDescriptorsInNodejs": "Working with file descriptors in Node.js",
+            "readingFilesWithNodejs": "Reading files with Node.js",
+            "writingFilesWithNodejs": "Writing files with Node.js",
+            "workingWithFoldersInNodejs": "Working with folders in Node.js"
+          },
+          "commandLine": {
+            "title": "Command Line",
+            "runNodejsScriptsFromTheCommandLine": "Run Node.js scripts from the command line",
+            "howToReadEnvironmentVariablesFromNodejs": "How to read environment variables from Node.js",
+            "howToUseTheNodejsRepl": "How to use the Node.js REPL",
+            "outputToTheCommandLineUsingNodejs": "Output to the command line using Node.js",
+            "acceptInputFromTheCommandLineInNodejs": "Accept input from the command line in Node.js"
+          }
+        }
+      },
+      "buttons": {
+        "toggleLanguage": "Toggle Language",
+        "toggleDarkMode": "Toggle dark/light mode"
+      }
+    },
+    "navigation": {
+      "about": {
+        "links": {
+          "governance": "Project Governance",
+          "releases": "Previous Releases",
+          "security": "Security Reporting"
+        }
+      },
+      "docs": {
+        "links": {
+          "es6": "ES6 and beyond",
+          "apiLts": "{fullLtsNodeVersion} API <graySpan>LTS</graySpan>",
+          "apiCurrent": "{fullCurrentNodeVersion} API",
+          "guides": "Guides <graySpan>ARCHIVED</graySpan>",
+          "dependencies": "Dependencies"
+        }
+      },
+      "getInvolved": {
+        "links": {
+          "collabSummit": "Collab Summit",
+          "contribute": "Contribute",
+          "codeOfConduct": "Code of Conduct"
+        }
+      }
+    },
+    "downloadList": {
+      "links": {
+        "previousReleases": "Previous Releases",
+        "packageManager": "Installing Node.js via package manager",
+        "shaSums": {
+          "title": "Signed SHASUMS for release files",
+          "howToVerify": " (How to verify)"
+        },
+        "allDownloads": "All download options",
+        "nightlyReleases": "Nightly builds",
+        "unofficialBuilds": "Unofficial builds",
+        "buildingFromSource": "Building Node.js from source on supported platforms",
+        "installingOnLinux": "Installing Node.js via binary archive",
+        "installingOnWsl": "Install on Windows Subsystem for Linux (WSL)"
+      }
+    },
+    "downloadReleasesTable": {
+      "changelog": "Changelog",
+      "releases": "Releases",
+      "docs": "Docs"
+    },
+    "pagination": {
+      "next": "Newer | ",
+      "previous": "Older"
+    },
+    "common": {
+      "breadcrumbs": {
+        "navigateToHome": "Navigate to Home"
+      },
+      "crossLink": {
+        "previous": "Prev",
+        "next": "Next"
+      },
+      "codebox": {
+        "copied": "Copied to clipboard!"
+      },
+      "pagination": {
+        "prev": "Previous",
+        "prevAriaLabel": "Previous page",
+        "next": "Next",
+        "nextAriaLabel": "Next page",
+        "defaultLabel": "Pagination",
+        "pageLabel": "Go to page {pageNumber}"
+      },
+      "languageDropdown": {
+        "label": "Choose Language"
+      },
+      "card": {
+        "announcement": "Announcements",
+        "release": "Releases",
+        "vulnerability": "Vulnerabilities"
+      }
+    },
+    "metabar": {
+      "lastUpdated": "Last Updated",
+      "readingTime": "Reading Time",
+      "addedIn": "Added In",
+      "author": "Author",
+      "authors": "Authors",
+      "contribute": "Contribute",
+      "contributeText": "Edit this page",
+      "viewAs": "View as",
+      "tableOfContents": "Table of Contents"
+    },
+    "api": {
+      "jsonLink": {
+        "title": "View as JSON"
+      },
+      "sourceLink": "Source Code:"
+    },
+    "home": {
+      "homeDownloadButton": {
+        "download": "{version} {isLts, select, true {LTS} other {Current}}",
+        "tagline": "{isLts, select, true {Recommended For Most Users} other {Latest Features}}",
+        "changelog": "Changelog",
+        "otherDownloads": "Other Downloads",
+        "apiDocs": "API Docs"
+      }
+    }
+  },
+  "layouts": {
+    "blogPost": {
+      "author": {
+        "byLine": "{author, select, null {} other {By {author}, }}"
+      }
+    },
+    "blogIndex": {
+      "currentYear": "News from {year}"
+    }
+  },
+  "pages": {
+    "404": {
+      "title": "404: Page could not be found",
+      "description": "ENOENT: no such file or directory"
+    }
+  }
 }

i18n/locales/tr.json

···
 {
-  "components.footer.scrollToTop.button": "Scroll to top",
-  "components.header.links.about": "About",
-  "components.header.links.download": "Download",
-  "components.header.links.docs": "Docs",
-  "components.header.links.getInvolved": "Get Involved",
-  "components.header.links.security": "Security",
-  "components.header.links.certification": "Certification",
-  "components.header.links.blog": "News",
-  "components.footer.links.trademarkPolicy": "Trademark Policy",
-  "components.footer.links.privacyPolicy": "Privacy Policy",
-  "components.footer.links.codeOfConduct": "Code of Conduct",
-  "components.footer.links.security": "Security Policy",
-  "components.footer.links.openJS": "OpenJS Foundation",
-  "components.navigation.about.links.governance": "Project Governance",
-  "components.navigation.about.links.releases": "Previous Releases",
-  "components.navigation.about.links.security": "Security Reporting",
-  "components.navigation.docs.links.es6": "ES6 and beyond",
-  "components.navigation.docs.links.apiLts": "{fullLtsNodeVersion} API {spanLts}",
-  "components.navigation.docs.links.apiCurrent": "{fullCurrentNodeVersion} API",
-  "components.navigation.docs.links.guides": "Guides {spanGuides}",
-  "components.navigation.docs.links.dependencies": "Dependencies",
-  "components.navigation.getInvolved.links.collabSummit": "Collab Summit",
-  "components.navigation.getInvolved.links.contribute": "Contribute",
-  "components.navigation.getInvolved.links.codeOfConduct": "Code of Conduct",
-  "components.downloadList.links.previousReleases": "Previous Releases",
-  "components.downloadList.links.packageManager": "Installing Node.js via package manager",
-  "components.downloadList.links.shaSums": "Signed SHASUMS for release files",
-  "components.downloadList.links.shaSums.howToVerify": " (How to verify)",
-  "components.downloadList.links.allDownloads": "All download options",
-  "components.downloadList.links.nightlyReleases": "Nightly builds",
-  "components.downloadList.links.unofficialBuilds": "Unofficial builds",
-  "components.downloadList.links.buildingFromSource": "Building Node.js from source on supported platforms",
-  "components.downloadList.links.installingOnLinux": "Installing Node.js via binary archive",
-  "components.downloadList.links.installingOnWsl": "Install on Windows Subsystem for Linux (WSL)",
-  "components.downloadReleasesTable.changelog": "Changelog",
-  "components.downloadReleasesTable.releases": "Releases",
-  "components.downloadReleasesTable.docs": "Docs",
-  "components.header.buttons.toggleLanguage": "Toggle Language",
-  "components.header.buttons.toggleDarkMode": "Toggle dark/light mode",
-  "components.pagination.next": "Newer | ",
-  "components.pagination.previous": "Older",
-  "components.common.breadcrumbs.navigateToHome": "Navigate to Home",
-  "components.common.crossLink.previous": "Prev",
-  "components.common.crossLink.next": "Next",
-  "components.common.codebox.copied": "Copied to clipboard!",
-  "components.metabar.lastUpdated": "Last Updated",
-  "components.metabar.readingTime": "Reading Time",
-  "components.metabar.addedIn": "Added In",
-  "components.metabar.author": "Author",
-  "components.metabar.authors": "Authors",
-  "components.metabar.contribute": "Contribute",
-  "components.metabar.contributeText": "Edit this page",
-  "components.metabar.viewAs": "View as",
-  "components.metabar.tableOfContents": "Table of Contents",
-  "layouts.blogPost.author.byLine": "{author, select, null {} other {By {author}, }}",
-  "layouts.blogIndex.currentYear": "News from {year}",
-  "components.api.jsonLink.title": "View as JSON",
-  "components.api.sourceLink": "Source Code:",
-  "pages.404.title": "404: Page could not be found",
-  "pages.404.description": "ENOENT: no such file or directory",
-  "components.common.pagination.prev": "Previous",
-  "components.common.pagination.prevAriaLabel": "Previous page",
-  "components.common.pagination.next": "Next",
-  "components.common.pagination.nextAriaLabel": "Next page",
-  "components.common.pagination.defaultLabel": "Pagination",
-  "components.common.pagination.pageLabel": "Go to page {pageNumber}",
-  "components.common.languageDropdown.label": "Choose Language",
-  "components.common.card.announcement": "Announcements",
-  "components.common.card.release": "Releases",
-  "components.common.card.vulnerability": "Vulnerabilities",
-  "components.home.homeDownloadButton.download": "{version} {isLts, select, true {LTS} other {Current}}",
-  "components.home.homeDownloadButton.tagline": "{isLts, select, true {Recommended For Most Users} other {Latest Features}}",
-  "components.home.homeDownloadButton.changelog": "Changelog",
-  "components.home.homeDownloadButton.otherDownloads": "Other Downloads",
-  "components.home.homeDownloadButton.apiDocs": "API Docs",
-  "components.header.links.learn": "Learn",
-  "components.header.links.learn.gettingStarted": "Getting Started",
-  "components.header.links.learn.gettingStarted.introductionToNodejs": "Introduction to Node.js",
-  "components.header.links.learn.gettingStarted.howToInstallNodejs": "How to install Node.js",
-  "components.header.links.learn.gettingStarted.howMuchJavascriptDoYouNeedToKnowToUseNodejs": "How much JavaScript do you need to know to use Node.js?",
-  "components.header.links.learn.gettingStarted.differencesBetweenNodejsAndTheBrowser": "Differences between Node.js and the Browser",
-  "components.header.links.learn.gettingStarted.theV8JavascriptEngine": "The V8 JavaScript Engine",
-  "components.header.links.learn.gettingStarted.anIntroductionToTheNpmPackageManager": "An introduction to the NPM package manager",
-  "components.header.links.learn.gettingStarted.ecmascript2015Es6AndBeyond": "ECMAScript 2015 (ES6) and beyond",
-  "components.header.links.learn.gettingStarted.nodejsTheDifferenceBetweenDevelopmentAndProduction": "Node.js, the difference between development and production",
-  "components.header.links.learn.gettingStarted.nodejsWithTypescript": "Node.js with TypeScript",
-  "components.header.links.learn.gettingStarted.nodejsWithWebassembly": "Node.js with WebAssembly",
-  "components.header.links.learn.asynchronousWork": "Asynchronous Work",
-  "components.header.links.learn.asynchronousWork.asynchronousFlowControl": "Asynchronous flow control",
-  "components.header.links.learn.asynchronousWork.overviewOfBlockingVsNonBlocking": "Overview of Blocking vs Non-Blocking",
-  "components.header.links.learn.asynchronousWork.javascriptAsynchronousProgrammingAndCallbacks": "JavaScript Asynchronous Programming and Callbacks",
-  "components.header.links.learn.asynchronousWork.discoverJavaScriptTimers": "Discover JavaScript Timers",
-  "components.header.links.learn.asynchronousWork.understandingProcessnexttick": "Understanding process.nextTick()",
-  "components.header.links.learn.asynchronousWork.understandingSetimmediate": "Understanding setImmediate()",
-  "components.header.links.learn.asynchronousWork.theNodejsEventEmitter": "The Node.js Event emitter",
-  "components.header.links.learn.manipulatingFiles": "Manipulating Files",
-  "components.header.links.learn.manipulatingFiles.nodejsFileStats": "Node.js file stats",
-  "components.header.links.learn.manipulatingFiles.nodejsFilePaths": "Node.js File Paths",
-  "components.header.links.learn.manipulatingFiles.workingWithFileDescriptorsInNodejs": "Working with file descriptors in Node.js",
-  "components.header.links.learn.manipulatingFiles.readingFilesWithNodejs": "Reading files with Node.js",
-  "components.header.links.learn.manipulatingFiles.writingFilesWithNodejs": "Writing files with Node.js",
-  "components.header.links.learn.manipulatingFiles.workingWithFoldersInNodejs": "Working with folders in Node.js",
-  "components.header.links.learn.commandLine": "Command Line",
-  "components.header.links.learn.commandLine.runNodejsScriptsFromTheCommandLine": "Run Node.js scripts from the command line",
-  "components.header.links.learn.commandLine.howToReadEnvironmentVariablesFromNodejs": "How to read environment variables from Node.js",
-  "components.header.links.learn.commandLine.howToUseTheNodejsRepl": "How to use the Node.js REPL",
-  "components.header.links.learn.commandLine.outputToTheCommandLineUsingNodejs": "Output to the command line using Node.js",
-  "components.header.links.learn.commandLine.acceptInputFromTheCommandLineInNodejs": "Accept input from the command line in Node.js"
+  "components": {
+    "footer": {
+      "scrollToTop": {
+        "button": "Scroll to top"
+      },
+      "links": {
+        "trademarkPolicy": "Trademark Policy",
+        "privacyPolicy": "Privacy Policy",
+        "codeOfConduct": "Code of Conduct",
+        "security": "Security Policy",
+        "openJS": "OpenJS Foundation"
+      }
+    },
+    "header": {
+      "links": {
+        "about": "About",
+        "download": "Download",
+        "docs": "Docs",
+        "getInvolved": "Get Involved",
+        "security": "Security",
+        "certification": "Certification",
+        "blog": "News",
+        "learn": {
+          "title": "Learn",
+          "gettingStarted": {
+            "title": "Getting Started",
+            "introductionToNodejs": "Introduction to Node.js",
+            "howToInstallNodejs": "How to install Node.js",
+            "howMuchJavascriptDoYouNeedToKnowToUseNodejs": "How much JavaScript do you need to know to use Node.js?",
+            "differencesBetweenNodejsAndTheBrowser": "Differences between Node.js and the Browser",
+            "theV8JavascriptEngine": "The V8 JavaScript Engine",
+            "anIntroductionToTheNpmPackageManager": "An introduction to the NPM package manager",
+            "ecmascript2015Es6AndBeyond": "ECMAScript 2015 (ES6) and beyond",
+            "nodejsTheDifferenceBetweenDevelopmentAndProduction": "Node.js, the difference between development and production",
+            "nodejsWithTypescript": "Node.js with TypeScript",
+            "nodejsWithWebassembly": "Node.js with WebAssembly"
+          },
+          "asynchronousWork": {
+            "title": "Asynchronous Work",
+            "asynchronousFlowControl": "Asynchronous flow control",
+            "overviewOfBlockingVsNonBlocking": "Overview of Blocking vs Non-Blocking",
+            "javascriptAsynchronousProgrammingAndCallbacks": "JavaScript Asynchronous Programming and Callbacks",
+            "discoverJavaScriptTimers": "Discover JavaScript Timers",
+            "understandingProcessnexttick": "Understanding process.nextTick()",
+            "understandingSetimmediate": "Understanding setImmediate()",
+            "theNodejsEventEmitter": "The Node.js Event emitter"
+          },
+          "manipulatingFiles": {
+            "title": "Manipulating Files",
+            "nodejsFileStats": "Node.js file stats",
+            "nodejsFilePaths": "Node.js File Paths",
+            "workingWithFileDescriptorsInNodejs": "Working with file descriptors in Node.js",
+            "readingFilesWithNodejs": "Reading files with Node.js",
+            "writingFilesWithNodejs": "Writing files with Node.js",
+            "workingWithFoldersInNodejs": "Working with folders in Node.js"
+          },
+          "commandLine": {
+            "title": "Command Line",
+            "runNodejsScriptsFromTheCommandLine": "Run Node.js scripts from the command line",
+            "howToReadEnvironmentVariablesFromNodejs": "How to read environment variables from Node.js",
+            "howToUseTheNodejsRepl": "How to use the Node.js REPL",
+            "outputToTheCommandLineUsingNodejs": "Output to the command line using Node.js",
+            "acceptInputFromTheCommandLineInNodejs": "Accept input from the command line in Node.js"
+          }
+        }
+      },
+      "buttons": {
+        "toggleLanguage": "Toggle Language",
+        "toggleDarkMode": "Toggle dark/light mode"
+      }
+    },
+    "navigation": {
+      "about": {
+        "links": {
+          "governance": "Project Governance",
+          "releases": "Previous Releases",
+          "security": "Security Reporting"
+        }
+      },
+      "docs": {
+        "links": {
+          "es6": "ES6 and beyond",
+          "apiLts": "{fullLtsNodeVersion} API <graySpan>LTS</graySpan>",
+          "apiCurrent": "{fullCurrentNodeVersion} API",
+          "guides": "Guides <graySpan>ARCHIVED</graySpan>",
+          "dependencies": "Dependencies"
+        }
+      },
+      "getInvolved": {
+        "links": {
+          "collabSummit": "Collab Summit",
+          "contribute": "Contribute",
+          "codeOfConduct": "Code of Conduct"
+        }
+      }
+    },
+    "downloadList": {
+      "links": {
+        "previousReleases": "Previous Releases",
+        "packageManager": "Installing Node.js via package manager",
+        "shaSums": {
+          "title": "Signed SHASUMS for release files",
+          "howToVerify": " (How to verify)"
+        },
+        "allDownloads": "All download options",
+        "nightlyReleases": "Nightly builds",
+        "unofficialBuilds": "Unofficial builds",
+        "buildingFromSource": "Building Node.js from source on supported platforms",
+        "installingOnLinux": "Installing Node.js via binary archive",
+        "installingOnWsl": "Install on Windows Subsystem for Linux (WSL)"
+      }
+    },
+    "downloadReleasesTable": {
+      "changelog": "Changelog",
+      "releases": "Releases",
+      "docs": "Docs"
+    },
+    "pagination": {
+      "next": "Newer | ",
+      "previous": "Older"
+    },
+    "common": {
+      "breadcrumbs": {
+        "navigateToHome": "Navigate to Home"
+      },
+      "crossLink": {
+        "previous": "Prev",
+        "next": "Next"
+      },
+      "codebox": {
+        "copied": "Copied to clipboard!"
+      },
+      "pagination": {
+        "prev": "Previous",
+        "prevAriaLabel": "Previous page",
+        "next": "Next",
+        "nextAriaLabel": "Next page",
+        "defaultLabel": "Pagination",
+        "pageLabel": "Go to page {pageNumber}"
+      },
+      "languageDropdown": {
+        "label": "Choose Language"
+      },
+      "card": {
+        "announcement": "Announcements",
+        "release": "Releases",
+        "vulnerability": "Vulnerabilities"
+      }
+    },
+    "metabar": {
+      "lastUpdated": "Last Updated",
+      "readingTime": "Reading Time",
+      "addedIn": "Added In",
+      "author": "Author",
+      "authors": "Authors",
+      "contribute": "Contribute",
+      "contributeText": "Edit this page",
+      "viewAs": "View as",
+      "tableOfContents": "Table of Contents"
+    },
+    "api": {
+      "jsonLink": {
+        "title": "View as JSON"
+      },
+      "sourceLink": "Source Code:"
+    },
+    "home": {
+      "homeDownloadButton": {
+        "download": "{version} {isLts, select, true {LTS} other {Current}}",
+        "tagline": "{isLts, select, true {Recommended For Most Users} other {Latest Features}}",
+        "changelog": "Changelog",
+        "otherDownloads": "Other Downloads",
+        "apiDocs": "API Docs"
+      }
+    }
+  },
+  "layouts": {
+    "blogPost": {
+      "author": {
+        "byLine": "{author, select, null {} other {By {author}, }}"
+      }
+    },
+    "blogIndex": {
+      "currentYear": "News from {year}"
+    }
+  },
+  "pages": {
+    "404": {
+      "title": "404: Page could not be found",
+      "description": "ENOENT: no such file or directory"
+    }
+  }
 }

i18n/locales/uk.json

···
 {
-  "components.footer.scrollToTop.button": "Scroll to top",
-  "components.header.links.about": "About",
-  "components.header.links.download": "Download",
-  "components.header.links.docs": "Docs",
-  "components.header.links.getInvolved": "Get Involved",
-  "components.header.links.security": "Security",
-  "components.header.links.certification": "Certification",
-  "components.header.links.blog": "News",
-  "components.footer.links.trademarkPolicy": "Trademark Policy",
-  "components.footer.links.privacyPolicy": "Privacy Policy",
-  "components.footer.links.codeOfConduct": "Code of Conduct",
-  "components.footer.links.security": "Security Policy",
-  "components.footer.links.openJS": "OpenJS Foundation",
-  "components.navigation.about.links.governance": "Project Governance",
-  "components.navigation.about.links.releases": "Previous Releases",
-  "components.navigation.about.links.security": "Security Reporting",
-  "components.navigation.docs.links.es6": "ES6 and beyond",
-  "components.navigation.docs.links.apiLts": "{fullLtsNodeVersion} API {spanLts}",
-  "components.navigation.docs.links.apiCurrent": "{fullCurrentNodeVersion} API",
-  "components.navigation.docs.links.guides": "Guides {spanGuides}",
-  "components.navigation.docs.links.dependencies": "Dependencies",
-  "components.navigation.getInvolved.links.collabSummit": "Collab Summit",
-  "components.navigation.getInvolved.links.contribute": "Contribute",
-  "components.navigation.getInvolved.links.codeOfConduct": "Code of Conduct",
-  "components.downloadList.links.previousReleases": "Previous Releases",
-  "components.downloadList.links.packageManager": "Installing Node.js via package manager",
-  "components.downloadList.links.shaSums": "Signed SHASUMS for release files",
-  "components.downloadList.links.shaSums.howToVerify": " (How to verify)",
-  "components.downloadList.links.allDownloads": "All download options",
-  "components.downloadList.links.nightlyReleases": "Nightly builds",
-  "components.downloadList.links.unofficialBuilds": "Unofficial builds",
-  "components.downloadList.links.buildingFromSource": "Building Node.js from source on supported platforms",
-  "components.downloadList.links.installingOnLinux": "Installing Node.js via binary archive",
-  "components.downloadList.links.installingOnWsl": "Install on Windows Subsystem for Linux (WSL)",
-  "components.downloadReleasesTable.changelog": "Changelog",
-  "components.downloadReleasesTable.releases": "Releases",
-  "components.downloadReleasesTable.docs": "Docs",
-  "components.header.buttons.toggleLanguage": "Toggle Language",
-  "components.header.buttons.toggleDarkMode": "Toggle dark/light mode",
-  "components.pagination.next": "Newer | ",
-  "components.pagination.previous": "Older",
-  "components.common.breadcrumbs.navigateToHome": "Navigate to Home",
-  "components.common.crossLink.previous": "Prev",
-  "components.common.crossLink.next": "Next",
-  "components.common.codebox.copied": "Copied to clipboard!",
-  "components.metabar.lastUpdated": "Last Updated",
-  "components.metabar.readingTime": "Reading Time",
-  "components.metabar.addedIn": "Added In",
-  "components.metabar.author": "Author",
-  "components.metabar.authors": "Authors",
-  "components.metabar.contribute": "Contribute",
-  "components.metabar.contributeText": "Edit this page",
-  "components.metabar.viewAs": "View as",
-  "components.metabar.tableOfContents": "Table of Contents",
-  "layouts.blogPost.author.byLine": "{author, select, null {} other {By {author}, }}",
-  "layouts.blogIndex.currentYear": "News from {year}",
-  "components.api.jsonLink.title": "View as JSON",
-  "components.api.sourceLink": "Source Code:",
-  "pages.404.title": "404: Page could not be found",
-  "pages.404.description": "ENOENT: no such file or directory",
-  "components.common.pagination.prev": "Previous",
-  "components.common.pagination.prevAriaLabel": "Previous page",
-  "components.common.pagination.next": "Next",
-  "components.common.pagination.nextAriaLabel": "Next page",
-  "components.common.pagination.defaultLabel": "Pagination",
-  "components.common.pagination.pageLabel": "Go to page {pageNumber}",
-  "components.common.languageDropdown.label": "Choose Language",
-  "components.common.card.announcement": "Announcements",
-  "components.common.card.release": "Releases",
-  "components.common.card.vulnerability": "Vulnerabilities",
-  "components.home.homeDownloadButton.download": "{version} {isLts, select, true {LTS} other {Current}}",
-  "components.home.homeDownloadButton.tagline": "{isLts, select, true {Recommended For Most Users} other {Latest Features}}",
-  "components.home.homeDownloadButton.changelog": "Changelog",
-  "components.home.homeDownloadButton.otherDownloads": "Other Downloads",
-  "components.home.homeDownloadButton.apiDocs": "API Docs",
-  "components.header.links.learn": "Learn",
-  "components.header.links.learn.gettingStarted": "Getting Started",
-  "components.header.links.learn.gettingStarted.introductionToNodejs": "Introduction to Node.js",
-  "components.header.links.learn.gettingStarted.howToInstallNodejs": "How to install Node.js",
-  "components.header.links.learn.gettingStarted.howMuchJavascriptDoYouNeedToKnowToUseNodejs": "How much JavaScript do you need to know to use Node.js?",
-  "components.header.links.learn.gettingStarted.differencesBetweenNodejsAndTheBrowser": "Differences between Node.js and the Browser",
-  "components.header.links.learn.gettingStarted.theV8JavascriptEngine": "The V8 JavaScript Engine",
-  "components.header.links.learn.gettingStarted.anIntroductionToTheNpmPackageManager": "An introduction to the NPM package manager",
-  "components.header.links.learn.gettingStarted.ecmascript2015Es6AndBeyond": "ECMAScript 2015 (ES6) and beyond",
-  "components.header.links.learn.gettingStarted.nodejsTheDifferenceBetweenDevelopmentAndProduction": "Node.js, the difference between development and production",
-  "components.header.links.learn.gettingStarted.nodejsWithTypescript": "Node.js with TypeScript",
-  "components.header.links.learn.gettingStarted.nodejsWithWebassembly": "Node.js with WebAssembly",
-  "components.header.links.learn.asynchronousWork": "Asynchronous Work",
-  "components.header.links.learn.asynchronousWork.asynchronousFlowControl": "Asynchronous flow control",
-  "components.header.links.learn.asynchronousWork.overviewOfBlockingVsNonBlocking": "Overview of Blocking vs Non-Blocking",
-  "components.header.links.learn.asynchronousWork.javascriptAsynchronousProgrammingAndCallbacks": "JavaScript Asynchronous Programming and Callbacks",
-  "components.header.links.learn.asynchronousWork.discoverJavaScriptTimers": "Discover JavaScript Timers",
-  "components.header.links.learn.asynchronousWork.understandingProcessnexttick": "Understanding process.nextTick()",
-  "components.header.links.learn.asynchronousWork.understandingSetimmediate": "Understanding setImmediate()",
-  "components.header.links.learn.asynchronousWork.theNodejsEventEmitter": "The Node.js Event emitter",
-  "components.header.links.learn.manipulatingFiles": "Manipulating Files",
-  "components.header.links.learn.manipulatingFiles.nodejsFileStats": "Node.js file stats",
-  "components.header.links.learn.manipulatingFiles.nodejsFilePaths": "Node.js File Paths",
-  "components.header.links.learn.manipulatingFiles.workingWithFileDescriptorsInNodejs": "Working with file descriptors in Node.js",
-  "components.header.links.learn.manipulatingFiles.readingFilesWithNodejs": "Reading files with Node.js",
-  "components.header.links.learn.manipulatingFiles.writingFilesWithNodejs": "Writing files with Node.js",
-  "components.header.links.learn.manipulatingFiles.workingWithFoldersInNodejs": "Working with folders in Node.js",
-  "components.header.links.learn.commandLine": "Command Line",
-  "components.header.links.learn.commandLine.runNodejsScriptsFromTheCommandLine": "Run Node.js scripts from the command line",
-  "components.header.links.learn.commandLine.howToReadEnvironmentVariablesFromNodejs": "How to read environment variables from Node.js",
-  "components.header.links.learn.commandLine.howToUseTheNodejsRepl": "How to use the Node.js REPL",
-  "components.header.links.learn.commandLine.outputToTheCommandLineUsingNodejs": "Output to the command line using Node.js",
-  "components.header.links.learn.commandLine.acceptInputFromTheCommandLineInNodejs": "Accept input from the command line in Node.js"
+  "components": {
+    "footer": {
+      "scrollToTop": {
+        "button": "Scroll to top"
+      },
+      "links": {
+        "trademarkPolicy": "Trademark Policy",
+        "privacyPolicy": "Privacy Policy",
+        "codeOfConduct": "Code of Conduct",
+        "security": "Security Policy",
+        "openJS": "OpenJS Foundation"
+      }
+    },
+    "header": {
+      "links": {
+        "about": "About",
+        "download": "Download",
+        "docs": "Docs",
+        "getInvolved": "Get Involved",
+        "security": "Security",
+        "certification": "Certification",
+        "blog": "News",
+        "learn": {
+          "title": "Learn",
+          "gettingStarted": {
+            "title": "Getting Started",
+            "introductionToNodejs": "Introduction to Node.js",
+            "howToInstallNodejs": "How to install Node.js",
+            "howMuchJavascriptDoYouNeedToKnowToUseNodejs": "How much JavaScript do you need to know to use Node.js?",
+            "differencesBetweenNodejsAndTheBrowser": "Differences between Node.js and the Browser",
+            "theV8JavascriptEngine": "The V8 JavaScript Engine",
+            "anIntroductionToTheNpmPackageManager": "An introduction to the NPM package manager",
+            "ecmascript2015Es6AndBeyond": "ECMAScript 2015 (ES6) and beyond",
+            "nodejsTheDifferenceBetweenDevelopmentAndProduction": "Node.js, the difference between development and production",
+            "nodejsWithTypescript": "Node.js with TypeScript",
+            "nodejsWithWebassembly": "Node.js with WebAssembly"
+          },
+          "asynchronousWork": {
+            "title": "Asynchronous Work",
+            "asynchronousFlowControl": "Asynchronous flow control",
+            "overviewOfBlockingVsNonBlocking": "Overview of Blocking vs Non-Blocking",
+            "javascriptAsynchronousProgrammingAndCallbacks": "JavaScript Asynchronous Programming and Callbacks",
+            "discoverJavaScriptTimers": "Discover JavaScript Timers",
+            "understandingProcessnexttick": "Understanding process.nextTick()",
+            "understandingSetimmediate": "Understanding setImmediate()",
+            "theNodejsEventEmitter": "The Node.js Event emitter"
+          },
+          "manipulatingFiles": {
+            "title": "Manipulating Files",
+            "nodejsFileStats": "Node.js file stats",
+            "nodejsFilePaths": "Node.js File Paths",
+            "workingWithFileDescriptorsInNodejs": "Working with file descriptors in Node.js",
+            "readingFilesWithNodejs": "Reading files with Node.js",
+            "writingFilesWithNodejs": "Writing files with Node.js",
+            "workingWithFoldersInNodejs": "Working with folders in Node.js"
+          },
+          "commandLine": {
+            "title": "Command Line",
+            "runNodejsScriptsFromTheCommandLine": "Run Node.js scripts from the command line",
+            "howToReadEnvironmentVariablesFromNodejs": "How to read environment variables from Node.js",
+            "howToUseTheNodejsRepl": "How to use the Node.js REPL",
+            "outputToTheCommandLineUsingNodejs": "Output to the command line using Node.js",
+            "acceptInputFromTheCommandLineInNodejs": "Accept input from the command line in Node.js"
+          }
+        }
+      },
+      "buttons": {
+        "toggleLanguage": "Toggle Language",
+        "toggleDarkMode": "Toggle dark/light mode"
+      }
+    },
+    "navigation": {
+      "about": {
+        "links": {
+          "governance": "Project Governance",
+          "releases": "Previous Releases",
+          "security": "Security Reporting"
+        }
+      },
+      "docs": {
+        "links": {
+          "es6": "ES6 and beyond",
+          "apiLts": "{fullLtsNodeVersion} API <graySpan>LTS</graySpan>",
+          "apiCurrent": "{fullCurrentNodeVersion} API",
+          "guides": "Guides <graySpan>ARCHIVED</graySpan>",
+          "dependencies": "Dependencies"
+        }
+      },
+      "getInvolved": {
+        "links": {
+          "collabSummit": "Collab Summit",
+          "contribute": "Contribute",
+          "codeOfConduct": "Code of Conduct"
+        }
+      }
+    },
+    "downloadList": {
+      "links": {
+        "previousReleases": "Previous Releases",
+        "packageManager": "Installing Node.js via package manager",
+        "shaSums": {
+          "title": "Signed SHASUMS for release files",
+          "howToVerify": " (How to verify)"
+        },
+        "allDownloads": "All download options",
+        "nightlyReleases": "Nightly builds",
+        "unofficialBuilds": "Unofficial builds",
+        "buildingFromSource": "Building Node.js from source on supported platforms",
+        "installingOnLinux": "Installing Node.js via binary archive",
+        "installingOnWsl": "Install on Windows Subsystem for Linux (WSL)"
+      }
+    },
+    "downloadReleasesTable": {
+      "changelog": "Changelog",
+      "releases": "Releases",
+      "docs": "Docs"
+    },
+    "pagination": {
+      "next": "Newer | ",
+      "previous": "Older"
+    },
+    "common": {
+      "breadcrumbs": {
+        "navigateToHome": "Navigate to Home"
+      },
+      "crossLink": {
+        "previous": "Prev",
+        "next": "Next"
+      },
+      "codebox": {
+        "copied": "Copied to clipboard!"
+      },
+      "pagination": {
+        "prev": "Previous",
+        "prevAriaLabel": "Previous page",
+        "next": "Next",
+        "nextAriaLabel": "Next page",
+        "defaultLabel": "Pagination",
+        "pageLabel": "Go to page {pageNumber}"
+      },
+      "languageDropdown": {
+        "label": "Choose Language"
+      },
+      "card": {
+        "announcement": "Announcements",
+        "release": "Releases",
+        "vulnerability": "Vulnerabilities"
+      }
+    },
+    "metabar": {
+      "lastUpdated": "Last Updated",
+      "readingTime": "Reading Time",
+      "addedIn": "Added In",
+      "author": "Author",
+      "authors": "Authors",
+      "contribute": "Contribute",
+      "contributeText": "Edit this page",
+      "viewAs": "View as",
+      "tableOfContents": "Table of Contents"
+    },
+    "api": {
+      "jsonLink": {
+        "title": "View as JSON"
+      },
+      "sourceLink": "Source Code:"
+    },
+    "home": {
+      "homeDownloadButton": {
+        "download": "{version} {isLts, select, true {LTS} other {Current}}",
+        "tagline": "{isLts, select, true {Recommended For Most Users} other {Latest Features}}",
+        "changelog": "Changelog",
+        "otherDownloads": "Other Downloads",
+        "apiDocs": "API Docs"
+      }
+    }
+  },
+  "layouts": {
+    "blogPost": {
+      "author": {
+        "byLine": "{author, select, null {} other {By {author}, }}"
+      }
+    },
+    "blogIndex": {
+      "currentYear": "News from {year}"
+    }
+  },
+  "pages": {
+    "404": {
+      "title": "404: Page could not be found",
+      "description": "ENOENT: no such file or directory"
+    }
+  }
 }

i18n/locales/zh-cn.json

···
 {
-  "components.footer.scrollToTop.button": "Scroll to top",
-  "components.header.links.about": "About",
-  "components.header.links.download": "Download",
-  "components.header.links.docs": "Docs",
-  "components.header.links.getInvolved": "Get Involved",
-  "components.header.links.security": "Security",
-  "components.header.links.certification": "Certification",
-  "components.header.links.blog": "News",
-  "components.footer.links.trademarkPolicy": "Trademark Policy",
-  "components.footer.links.privacyPolicy": "Privacy Policy",
-  "components.footer.links.codeOfConduct": "Code of Conduct",
-  "components.footer.links.security": "Security Policy",
-  "components.footer.links.openJS": "OpenJS Foundation",
-  "components.navigation.about.links.governance": "Project Governance",
-  "components.navigation.about.links.releases": "Previous Releases",
-  "components.navigation.about.links.security": "Security Reporting",
-  "components.navigation.docs.links.es6": "ES6 and beyond",
-  "components.navigation.docs.links.apiLts": "{fullLtsNodeVersion} API {spanLts}",
-  "components.navigation.docs.links.apiCurrent": "{fullCurrentNodeVersion} API",
-  "components.navigation.docs.links.guides": "Guides {spanGuides}",
-  "components.navigation.docs.links.dependencies": "Dependencies",
-  "components.navigation.getInvolved.links.collabSummit": "Collab Summit",
-  "components.navigation.getInvolved.links.contribute": "Contribute",
-  "components.navigation.getInvolved.links.codeOfConduct": "Code of Conduct",
-  "components.downloadList.links.previousReleases": "Previous Releases",
-  "components.downloadList.links.packageManager": "Installing Node.js via package manager",
-  "components.downloadList.links.shaSums": "Signed SHASUMS for release files",
-  "components.downloadList.links.shaSums.howToVerify": " (How to verify)",
-  "components.downloadList.links.allDownloads": "All download options",
-  "components.downloadList.links.nightlyReleases": "Nightly builds",
-  "components.downloadList.links.unofficialBuilds": "Unofficial builds",
-  "components.downloadList.links.buildingFromSource": "Building Node.js from source on supported platforms",
-  "components.downloadList.links.installingOnLinux": "Installing Node.js via binary archive",
-  "components.downloadList.links.installingOnWsl": "Install on Windows Subsystem for Linux (WSL)",
-  "components.downloadReleasesTable.changelog": "Changelog",
-  "components.downloadReleasesTable.releases": "Releases",
-  "components.downloadReleasesTable.docs": "Docs",
-  "components.header.buttons.toggleLanguage": "Toggle Language",
-  "components.header.buttons.toggleDarkMode": "Toggle dark/light mode",
-  "components.pagination.next": "Newer | ",
-  "components.pagination.previous": "Older",
-  "components.common.breadcrumbs.navigateToHome": "Navigate to Home",
-  "components.common.crossLink.previous": "Prev",
-  "components.common.crossLink.next": "Next",
-  "components.common.codebox.copied": "Copied to clipboard!",
-  "components.metabar.lastUpdated": "Last Updated",
-  "components.metabar.readingTime": "Reading Time",
-  "components.metabar.addedIn": "Added In",
-  "components.metabar.author": "Author",
-  "components.metabar.authors": "Authors",
-  "components.metabar.contribute": "Contribute",
-  "components.metabar.contributeText": "Edit this page",
-  "components.metabar.viewAs": "View as",
-  "components.metabar.tableOfContents": "Table of Contents",
-  "layouts.blogPost.author.byLine": "{author, select, null {} other {By {author}, }}",
-  "layouts.blogIndex.currentYear": "News from {year}",
-  "components.api.jsonLink.title": "View as JSON",
-  "components.api.sourceLink": "Source Code:",
-  "pages.404.title": "404: Page could not be found",
-  "pages.404.description": "ENOENT: no such file or directory",
-  "components.common.pagination.prev": "Previous",
-  "components.common.pagination.prevAriaLabel": "Previous page",
-  "components.common.pagination.next": "Next",
-  "components.common.pagination.nextAriaLabel": "Next page",
-  "components.common.pagination.defaultLabel": "Pagination",
-  "components.common.pagination.pageLabel": "Go to page {pageNumber}",
-  "components.common.languageDropdown.label": "Choose Language",
-  "components.common.card.announcement": "Announcements",
-  "components.common.card.release": "Releases",
-  "components.common.card.vulnerability": "Vulnerabilities",
-  "components.home.homeDownloadButton.download": "{version} {isLts, select, true {LTS} other {Current}}",
-  "components.home.homeDownloadButton.tagline": "{isLts, select, true {Recommended For Most Users} other {Latest Features}}",
-  "components.home.homeDownloadButton.changelog": "Changelog",
-  "components.home.homeDownloadButton.otherDownloads": "Other Downloads",
-  "components.home.homeDownloadButton.apiDocs": "API Docs",
-  "components.header.links.learn": "Learn",
-  "components.header.links.learn.gettingStarted": "Getting Started",
-  "components.header.links.learn.gettingStarted.introductionToNodejs": "Introduction to Node.js",
-  "components.header.links.learn.gettingStarted.howToInstallNodejs": "How to install Node.js",
-  "components.header.links.learn.gettingStarted.howMuchJavascriptDoYouNeedToKnowToUseNodejs": "How much JavaScript do you need to know to use Node.js?",
-  "components.header.links.learn.gettingStarted.differencesBetweenNodejsAndTheBrowser": "Differences between Node.js and the Browser",
-  "components.header.links.learn.gettingStarted.theV8JavascriptEngine": "The V8 JavaScript Engine",
-  "components.header.links.learn.gettingStarted.anIntroductionToTheNpmPackageManager": "An introduction to the NPM package manager",
-  "components.header.links.learn.gettingStarted.ecmascript2015Es6AndBeyond": "ECMAScript 2015 (ES6) and beyond",
-  "components.header.links.learn.gettingStarted.nodejsTheDifferenceBetweenDevelopmentAndProduction": "Node.js, the difference between development and production",
-  "components.header.links.learn.gettingStarted.nodejsWithTypescript": "Node.js with TypeScript",
-  "components.header.links.learn.gettingStarted.nodejsWithWebassembly": "Node.js with WebAssembly",
-  "components.header.links.learn.asynchronousWork": "Asynchronous Work",
-  "components.header.links.learn.asynchronousWork.asynchronousFlowControl": "Asynchronous flow control",
-  "components.header.links.learn.asynchronousWork.overviewOfBlockingVsNonBlocking": "Overview of Blocking vs Non-Blocking",
-  "components.header.links.learn.asynchronousWork.javascriptAsynchronousProgrammingAndCallbacks": "JavaScript Asynchronous Programming and Callbacks",
-  "components.header.links.learn.asynchronousWork.discoverJavaScriptTimers": "Discover JavaScript Timers",
-  "components.header.links.learn.asynchronousWork.understandingProcessnexttick": "Understanding process.nextTick()",
-  "components.header.links.learn.asynchronousWork.understandingSetimmediate": "Understanding setImmediate()",
-  "components.header.links.learn.asynchronousWork.theNodejsEventEmitter": "The Node.js Event emitter",
-  "components.header.links.learn.manipulatingFiles": "Manipulating Files",
-  "components.header.links.learn.manipulatingFiles.nodejsFileStats": "Node.js file stats",
-  "components.header.links.learn.manipulatingFiles.nodejsFilePaths": "Node.js File Paths",
-  "components.header.links.learn.manipulatingFiles.workingWithFileDescriptorsInNodejs": "Working with file descriptors in Node.js",
-  "components.header.links.learn.manipulatingFiles.readingFilesWithNodejs": "Reading files with Node.js",
-  "components.header.links.learn.manipulatingFiles.writingFilesWithNodejs": "Writing files with Node.js",
-  "components.header.links.learn.manipulatingFiles.workingWithFoldersInNodejs": "Working with folders in Node.js",
-  "components.header.links.learn.commandLine": "Command Line",
-  "components.header.links.learn.commandLine.runNodejsScriptsFromTheCommandLine": "Run Node.js scripts from the command line",
-  "components.header.links.learn.commandLine.howToReadEnvironmentVariablesFromNodejs": "How to read environment variables from Node.js",
-  "components.header.links.learn.commandLine.howToUseTheNodejsRepl": "How to use the Node.js REPL",
-  "components.header.links.learn.commandLine.outputToTheCommandLineUsingNodejs": "Output to the command line using Node.js",
-  "components.header.links.learn.commandLine.acceptInputFromTheCommandLineInNodejs": "Accept input from the command line in Node.js"
+  "components": {
+    "footer": {
+      "scrollToTop": {
+        "button": "Scroll to top"
+      },
+      "links": {
+        "trademarkPolicy": "Trademark Policy",
+        "privacyPolicy": "Privacy Policy",
+        "codeOfConduct": "Code of Conduct",
+        "security": "Security Policy",
+        "openJS": "OpenJS Foundation"
+      }
+    },
+    "header": {
+      "links": {
+        "about": "About",
+        "download": "Download",
+        "docs": "Docs",
+        "getInvolved": "Get Involved",
+        "security": "Security",
+        "certification": "Certification",
+        "blog": "News",
+        "learn": {
+          "title": "Learn",
+          "gettingStarted": {
+            "title": "Getting Started",
+            "introductionToNodejs": "Introduction to Node.js",
+            "howToInstallNodejs": "How to install Node.js",
+            "howMuchJavascriptDoYouNeedToKnowToUseNodejs": "How much JavaScript do you need to know to use Node.js?",
+            "differencesBetweenNodejsAndTheBrowser": "Differences between Node.js and the Browser",
+            "theV8JavascriptEngine": "The V8 JavaScript Engine",
+            "anIntroductionToTheNpmPackageManager": "An introduction to the NPM package manager",
+            "ecmascript2015Es6AndBeyond": "ECMAScript 2015 (ES6) and beyond",
+            "nodejsTheDifferenceBetweenDevelopmentAndProduction": "Node.js, the difference between development and production",
+            "nodejsWithTypescript": "Node.js with TypeScript",
+            "nodejsWithWebassembly": "Node.js with WebAssembly"
+          },
+          "asynchronousWork": {
+            "title": "Asynchronous Work",
+            "asynchronousFlowControl": "Asynchronous flow control",
+            "overviewOfBlockingVsNonBlocking": "Overview of Blocking vs Non-Blocking",
+            "javascriptAsynchronousProgrammingAndCallbacks": "JavaScript Asynchronous Programming and Callbacks",
+            "discoverJavaScriptTimers": "Discover JavaScript Timers",
+            "understandingProcessnexttick": "Understanding process.nextTick()",
+            "understandingSetimmediate": "Understanding setImmediate()",
+            "theNodejsEventEmitter": "The Node.js Event emitter"
+          },
+          "manipulatingFiles": {
+            "title": "Manipulating Files",
+            "nodejsFileStats": "Node.js file stats",
+            "nodejsFilePaths": "Node.js File Paths",
+            "workingWithFileDescriptorsInNodejs": "Working with file descriptors in Node.js",
+            "readingFilesWithNodejs": "Reading files with Node.js",
+            "writingFilesWithNodejs": "Writing files with Node.js",
+            "workingWithFoldersInNodejs": "Working with folders in Node.js"
+          },
+          "commandLine": {
+            "title": "Command Line",
+            "runNodejsScriptsFromTheCommandLine": "Run Node.js scripts from the command line",
+            "howToReadEnvironmentVariablesFromNodejs": "How to read environment variables from Node.js",
+            "howToUseTheNodejsRepl": "How to use the Node.js REPL",
+            "outputToTheCommandLineUsingNodejs": "Output to the command line using Node.js",
+            "acceptInputFromTheCommandLineInNodejs": "Accept input from the command line in Node.js"
+          }
+        }
+      },
+      "buttons": {
+        "toggleLanguage": "Toggle Language",
+        "toggleDarkMode": "Toggle dark/light mode"
+      }
+    },
+    "navigation": {
+      "about": {
+        "links": {
+          "governance": "Project Governance",
+          "releases": "Previous Releases",
+          "security": "Security Reporting"
+        }
+      },
+      "docs": {
+        "links": {
+          "es6": "ES6 and beyond",
+          "apiLts": "{fullLtsNodeVersion} API <graySpan>LTS</graySpan>",
+          "apiCurrent": "{fullCurrentNodeVersion} API",
+          "guides": "Guides <graySpan>ARCHIVED</graySpan>",
+          "dependencies": "Dependencies"
+        }
+      },
+      "getInvolved": {
+        "links": {
+          "collabSummit": "Collab Summit",
+          "contribute": "Contribute",
+          "codeOfConduct": "Code of Conduct"
+        }
+      }
+    },
+    "downloadList": {
+      "links": {
+        "previousReleases": "Previous Releases",
+        "packageManager": "Installing Node.js via package manager",
+        "shaSums": {
+          "title": "Signed SHASUMS for release files",
+          "howToVerify": " (How to verify)"
+        },
+        "allDownloads": "All download options",
+        "nightlyReleases": "Nightly builds",
+        "unofficialBuilds": "Unofficial builds",
+        "buildingFromSource": "Building Node.js from source on supported platforms",
+        "installingOnLinux": "Installing Node.js via binary archive",
+        "installingOnWsl": "Install on Windows Subsystem for Linux (WSL)"
+      }
+    },
+    "downloadReleasesTable": {
+      "changelog": "Changelog",
+      "releases": "Releases",
+      "docs": "Docs"
+    },
+    "pagination": {
+      "next": "Newer | ",
+      "previous": "Older"
+    },
+    "common": {
+      "breadcrumbs": {
+        "navigateToHome": "Navigate to Home"
+      },
+      "crossLink": {
+        "previous": "Prev",
+        "next": "Next"
+      },
+      "codebox": {
+        "copied": "Copied to clipboard!"
+      },
+      "pagination": {
+        "prev": "Previous",
+        "prevAriaLabel": "Previous page",
+        "next": "Next",
+        "nextAriaLabel": "Next page",
+        "defaultLabel": "Pagination",
+        "pageLabel": "Go to page {pageNumber}"
+      },
+      "languageDropdown": {
+        "label": "Choose Language"
+      },
+      "card": {
+        "announcement": "Announcements",
+        "release": "Releases",
+        "vulnerability": "Vulnerabilities"
+      }
+    },
+    "metabar": {
+      "lastUpdated": "Last Updated",
+      "readingTime": "Reading Time",
+      "addedIn": "Added In",
+      "author": "Author",
+      "authors": "Authors",
+      "contribute": "Contribute",
+      "contributeText": "Edit this page",
+      "viewAs": "View as",
+      "tableOfContents": "Table of Contents"
+    },
+    "api": {
+      "jsonLink": {
+        "title": "View as JSON"
+      },
+      "sourceLink": "Source Code:"
+    },
+    "home": {
+      "homeDownloadButton": {
+        "download": "{version} {isLts, select, true {LTS} other {Current}}",
+        "tagline": "{isLts, select, true {Recommended For Most Users} other {Latest Features}}",
+        "changelog": "Changelog",
+        "otherDownloads": "Other Downloads",
+        "apiDocs": "API Docs"
+      }
+    }
+  },
+  "layouts": {
+    "blogPost": {
+      "author": {
+        "byLine": "{author, select, null {} other {By {author}, }}"
+      }
+    },
+    "blogIndex": {
+      "currentYear": "News from {year}"
+    }
+  },
+  "pages": {
+    "404": {
+      "title": "404: Page could not be found",
+      "description": "ENOENT: no such file or directory"
+    }
+  }
 }

i18n/locales/zh-tw.json

···
 {
-  "components.footer.scrollToTop.button": "Scroll to top",
-  "components.header.links.about": "About",
-  "components.header.links.download": "Download",
-  "components.header.links.docs": "Docs",
-  "components.header.links.getInvolved": "Get Involved",
-  "components.header.links.security": "Security",
-  "components.header.links.certification": "Certification",
-  "components.header.links.blog": "News",
-  "components.footer.links.trademarkPolicy": "Trademark Policy",
-  "components.footer.links.privacyPolicy": "Privacy Policy",
-  "components.footer.links.codeOfConduct": "Code of Conduct",
-  "components.footer.links.security": "Security Policy",
-  "components.footer.links.openJS": "OpenJS Foundation",
-  "components.navigation.about.links.governance": "Project Governance",
-  "components.navigation.about.links.releases": "Previous Releases",
-  "components.navigation.about.links.security": "Security Reporting",
-  "components.navigation.docs.links.es6": "ES6 and beyond",
-  "components.navigation.docs.links.apiLts": "{fullLtsNodeVersion} API {spanLts}",
-  "components.navigation.docs.links.apiCurrent": "{fullCurrentNodeVersion} API",
-  "components.navigation.docs.links.guides": "Guides {spanGuides}",
-  "components.navigation.docs.links.dependencies": "Dependencies",
-  "components.navigation.getInvolved.links.collabSummit": "Collab Summit",
-  "components.navigation.getInvolved.links.contribute": "Contribute",
-  "components.navigation.getInvolved.links.codeOfConduct": "Code of Conduct",
-  "components.downloadList.links.previousReleases": "Previous Releases",
-  "components.downloadList.links.packageManager": "Installing Node.js via package manager",
-  "components.downloadList.links.shaSums": "Signed SHASUMS for release files",
-  "components.downloadList.links.shaSums.howToVerify": " (How to verify)",
-  "components.downloadList.links.allDownloads": "All download options",
-  "components.downloadList.links.nightlyReleases": "Nightly builds",
-  "components.downloadList.links.unofficialBuilds": "Unofficial builds",
-  "components.downloadList.links.buildingFromSource": "Building Node.js from source on supported platforms",
-  "components.downloadList.links.installingOnLinux": "Installing Node.js via binary archive",
-  "components.downloadList.links.installingOnWsl": "Install on Windows Subsystem for Linux (WSL)",
-  "components.downloadReleasesTable.changelog": "Changelog",
-  "components.downloadReleasesTable.releases": "Releases",
-  "components.downloadReleasesTable.docs": "Docs",
-  "components.header.buttons.toggleLanguage": "Toggle Language",
-  "components.header.buttons.toggleDarkMode": "Toggle dark/light mode",
-  "components.pagination.next": "Newer | ",
-  "components.pagination.previous": "Older",
-  "components.common.breadcrumbs.navigateToHome": "Navigate to Home",
-  "components.common.crossLink.previous": "Prev",
-  "components.common.crossLink.next": "Next",
-  "components.common.codebox.copied": "Copied to clipboard!",
-  "components.metabar.lastUpdated": "Last Updated",
-  "components.metabar.readingTime": "Reading Time",
-  "components.metabar.addedIn": "Added In",
-  "components.metabar.author": "Author",
-  "components.metabar.authors": "Authors",
-  "components.metabar.contribute": "Contribute",
-  "components.metabar.contributeText": "Edit this page",
-  "components.metabar.viewAs": "View as",
-  "components.metabar.tableOfContents": "Table of Contents",
-  "layouts.blogPost.author.byLine": "{author, select, null {} other {By {author}, }}",
-  "layouts.blogIndex.currentYear": "News from {year}",
-  "components.api.jsonLink.title": "View as JSON",
-  "components.api.sourceLink": "Source Code:",
-  "pages.404.title": "404: Page could not be found",
-  "pages.404.description": "ENOENT: no such file or directory",
-  "components.common.pagination.prev": "Previous",
-  "components.common.pagination.prevAriaLabel": "Previous page",
-  "components.common.pagination.next": "Next",
-  "components.common.pagination.nextAriaLabel": "Next page",
-  "components.common.pagination.defaultLabel": "Pagination",
-  "components.common.pagination.pageLabel": "Go to page {pageNumber}",
-  "components.common.languageDropdown.label": "Choose Language",
-  "components.common.card.announcement": "Announcements",
-  "components.common.card.release": "Releases",
-  "components.common.card.vulnerability": "Vulnerabilities",
-  "components.home.homeDownloadButton.download": "{version} {isLts, select, true {LTS} other {Current}}",
-  "components.home.homeDownloadButton.tagline": "{isLts, select, true {Recommended For Most Users} other {Latest Features}}",
-  "components.home.homeDownloadButton.changelog": "Changelog",
-  "components.home.homeDownloadButton.otherDownloads": "Other Downloads",
-  "components.home.homeDownloadButton.apiDocs": "API Docs",
-  "components.header.links.learn": "Learn",
-  "components.header.links.learn.gettingStarted": "Getting Started",
-  "components.header.links.learn.gettingStarted.introductionToNodejs": "Introduction to Node.js",
-  "components.header.links.learn.gettingStarted.howToInstallNodejs": "How to install Node.js",
-  "components.header.links.learn.gettingStarted.howMuchJavascriptDoYouNeedToKnowToUseNodejs": "How much JavaScript do you need to know to use Node.js?",
-  "components.header.links.learn.gettingStarted.differencesBetweenNodejsAndTheBrowser": "Differences between Node.js and the Browser",
-  "components.header.links.learn.gettingStarted.theV8JavascriptEngine": "The V8 JavaScript Engine",
-  "components.header.links.learn.gettingStarted.anIntroductionToTheNpmPackageManager": "An introduction to the NPM package manager",
-  "components.header.links.learn.gettingStarted.ecmascript2015Es6AndBeyond": "ECMAScript 2015 (ES6) and beyond",
-  "components.header.links.learn.gettingStarted.nodejsTheDifferenceBetweenDevelopmentAndProduction": "Node.js, the difference between development and production",
-  "components.header.links.learn.gettingStarted.nodejsWithTypescript": "Node.js with TypeScript",
-  "components.header.links.learn.gettingStarted.nodejsWithWebassembly": "Node.js with WebAssembly",
-  "components.header.links.learn.asynchronousWork": "Asynchronous Work",
-  "components.header.links.learn.asynchronousWork.asynchronousFlowControl": "Asynchronous flow control",
-  "components.header.links.learn.asynchronousWork.overviewOfBlockingVsNonBlocking": "Overview of Blocking vs Non-Blocking",
-  "components.header.links.learn.asynchronousWork.javascriptAsynchronousProgrammingAndCallbacks": "JavaScript Asynchronous Programming and Callbacks",
-  "components.header.links.learn.asynchronousWork.discoverJavaScriptTimers": "Discover JavaScript Timers",
-  "components.header.links.learn.asynchronousWork.understandingProcessnexttick": "Understanding process.nextTick()",
-  "components.header.links.learn.asynchronousWork.understandingSetimmediate": "Understanding setImmediate()",
-  "components.header.links.learn.asynchronousWork.theNodejsEventEmitter": "The Node.js Event emitter",
-  "components.header.links.learn.manipulatingFiles": "Manipulating Files",
-  "components.header.links.learn.manipulatingFiles.nodejsFileStats": "Node.js file stats",
-  "components.header.links.learn.manipulatingFiles.nodejsFilePaths": "Node.js File Paths",
-  "components.header.links.learn.manipulatingFiles.workingWithFileDescriptorsInNodejs": "Working with file descriptors in Node.js",
-  "components.header.links.learn.manipulatingFiles.readingFilesWithNodejs": "Reading files with Node.js",
-  "components.header.links.learn.manipulatingFiles.writingFilesWithNodejs": "Writing files with Node.js",
-  "components.header.links.learn.manipulatingFiles.workingWithFoldersInNodejs": "Working with folders in Node.js",
-  "components.header.links.learn.commandLine": "Command Line",
-  "components.header.links.learn.commandLine.runNodejsScriptsFromTheCommandLine": "Run Node.js scripts from the command line",
-  "components.header.links.learn.commandLine.howToReadEnvironmentVariablesFromNodejs": "How to read environment variables from Node.js",
-  "components.header.links.learn.commandLine.howToUseTheNodejsRepl": "How to use the Node.js REPL",
-  "components.header.links.learn.commandLine.outputToTheCommandLineUsingNodejs": "Output to the command line using Node.js",
-  "components.header.links.learn.commandLine.acceptInputFromTheCommandLineInNodejs": "Accept input from the command line in Node.js"
+  "components": {
+    "footer": {
+      "scrollToTop": {
+        "button": "Scroll to top"
+      },
+      "links": {
+        "trademarkPolicy": "Trademark Policy",
+        "privacyPolicy": "Privacy Policy",
+        "codeOfConduct": "Code of Conduct",
+        "security": "Security Policy",
+        "openJS": "OpenJS Foundation"
+      }
+    },
+    "header": {
+      "links": {
+        "about": "About",
+        "download": "Download",
+        "docs": "Docs",
+        "getInvolved": "Get Involved",
+        "security": "Security",
+        "certification": "Certification",
+        "blog": "News",
+        "learn": {
+          "title": "Learn",
+          "gettingStarted": {
+            "title": "Getting Started",
+            "introductionToNodejs": "Introduction to Node.js",
+            "howToInstallNodejs": "How to install Node.js",
+            "howMuchJavascriptDoYouNeedToKnowToUseNodejs": "How much JavaScript do you need to know to use Node.js?",
+            "differencesBetweenNodejsAndTheBrowser": "Differences between Node.js and the Browser",
+            "theV8JavascriptEngine": "The V8 JavaScript Engine",
+            "anIntroductionToTheNpmPackageManager": "An introduction to the NPM package manager",
+            "ecmascript2015Es6AndBeyond": "ECMAScript 2015 (ES6) and beyond",
+            "nodejsTheDifferenceBetweenDevelopmentAndProduction": "Node.js, the difference between development and production",
+            "nodejsWithTypescript": "Node.js with TypeScript",
+            "nodejsWithWebassembly": "Node.js with WebAssembly"
+          },
+          "asynchronousWork": {
+            "title": "Asynchronous Work",
+            "asynchronousFlowControl": "Asynchronous flow control",
+            "overviewOfBlockingVsNonBlocking": "Overview of Blocking vs Non-Blocking",
+            "javascriptAsynchronousProgrammingAndCallbacks": "JavaScript Asynchronous Programming and Callbacks",
+            "discoverJavaScriptTimers": "Discover JavaScript Timers",
+            "understandingProcessnexttick": "Understanding process.nextTick()",
+            "understandingSetimmediate": "Understanding setImmediate()",
+            "theNodejsEventEmitter": "The Node.js Event emitter"
+          },
+          "manipulatingFiles": {
+            "title": "Manipulating Files",
+            "nodejsFileStats": "Node.js file stats",
+            "nodejsFilePaths": "Node.js File Paths",
+            "workingWithFileDescriptorsInNodejs": "Working with file descriptors in Node.js",
+            "readingFilesWithNodejs": "Reading files with Node.js",
+            "writingFilesWithNodejs": "Writing files with Node.js",
+            "workingWithFoldersInNodejs": "Working with folders in Node.js"
+          },
+          "commandLine": {
+            "title": "Command Line",
+            "runNodejsScriptsFromTheCommandLine": "Run Node.js scripts from the command line",
+            "howToReadEnvironmentVariablesFromNodejs": "How to read environment variables from Node.js",
+            "howToUseTheNodejsRepl": "How to use the Node.js REPL",
+            "outputToTheCommandLineUsingNodejs": "Output to the command line using Node.js",
+            "acceptInputFromTheCommandLineInNodejs": "Accept input from the command line in Node.js"
+          }
+        }
+      },
+      "buttons": {
+        "toggleLanguage": "Toggle Language",
+        "toggleDarkMode": "Toggle dark/light mode"
+      }
+    },
+    "navigation": {
+      "about": {
+        "links": {
+          "governance": "Project Governance",
+          "releases": "Previous Releases",
+          "security": "Security Reporting"
+        }
+      },
+      "docs": {
+        "links": {
+          "es6": "ES6 and beyond",
+          "apiLts": "{fullLtsNodeVersion} API <graySpan>LTS</graySpan>",
+          "apiCurrent": "{fullCurrentNodeVersion} API",
+          "guides": "Guides <graySpan>ARCHIVED</graySpan>",
+          "dependencies": "Dependencies"
+        }
+      },
+      "getInvolved": {
+        "links": {
+          "collabSummit": "Collab Summit",
+          "contribute": "Contribute",
+          "codeOfConduct": "Code of Conduct"
+        }
+      }
+    },
+    "downloadList": {
+      "links": {
+        "previousReleases": "Previous Releases",
+        "packageManager": "Installing Node.js via package manager",
+        "shaSums": {
+          "title": "Signed SHASUMS for release files",
+          "howToVerify": " (How to verify)"
+        },
+        "allDownloads": "All download options",
+        "nightlyReleases": "Nightly builds",
+        "unofficialBuilds": "Unofficial builds",
+        "buildingFromSource": "Building Node.js from source on supported platforms",
+        "installingOnLinux": "Installing Node.js via binary archive",
+        "installingOnWsl": "Install on Windows Subsystem for Linux (WSL)"
+      }
+    },
+    "downloadReleasesTable": {
+      "changelog": "Changelog",
+      "releases": "Releases",
+      "docs": "Docs"
+    },
+    "pagination": {
+      "next": "Newer | ",
+      "previous": "Older"
+    },
+    "common": {
+      "breadcrumbs": {
+        "navigateToHome": "Navigate to Home"
+      },
+      "crossLink": {
+        "previous": "Prev",
+        "next": "Next"
+      },
+      "codebox": {
+        "copied": "Copied to clipboard!"
+      },
+      "pagination": {
+        "prev": "Previous",
+        "prevAriaLabel": "Previous page",
+        "next": "Next",
+        "nextAriaLabel": "Next page",
+        "defaultLabel": "Pagination",
+        "pageLabel": "Go to page {pageNumber}"
+      },
+      "languageDropdown": {
+        "label": "Choose Language"
+      },
+      "card": {
+        "announcement": "Announcements",
+        "release": "Releases",
+        "vulnerability": "Vulnerabilities"
+      }
+    },
+    "metabar": {
+      "lastUpdated": "Last Updated",
+      "readingTime": "Reading Time",
+      "addedIn": "Added In",
+      "author": "Author",
+      "authors": "Authors",
+      "contribute": "Contribute",
+      "contributeText": "Edit this page",
+      "viewAs": "View as",
+      "tableOfContents": "Table of Contents"
+    },
+    "api": {
+      "jsonLink": {
+        "title": "View as JSON"
+      },
+      "sourceLink": "Source Code:"
+    },
+    "home": {
+      "homeDownloadButton": {
+        "download": "{version} {isLts, select, true {LTS} other {Current}}",
+        "tagline": "{isLts, select, true {Recommended For Most Users} other {Latest Features}}",
+        "changelog": "Changelog",
+        "otherDownloads": "Other Downloads",
+        "apiDocs": "API Docs"
+      }
+    }
+  },
+  "layouts": {
+    "blogPost": {
+      "author": {
+        "byLine": "{author, select, null {} other {By {author}, }}"
+      }
+    },
+    "blogIndex": {
+      "currentYear": "News from {year}"
+    }
+  },
+  "pages": {
+    "404": {
+      "title": "404: Page could not be found",
+      "description": "ENOENT: no such file or directory"
+    }
+  }
 }

jest.config.mjs

···
   reporters: ['default', 'jest-junit'],
   moduleNameMapper: {
     'next/router': '<rootDir>/components/__mocks__/next-router.mjs',
+    'next-intl': '<rootDir>/components/__mocks__/next-intl.mjs',
   },
 };
 

layouts/AboutLayout.tsx

···
 
 import SideNavigation from '@/components/SideNavigation';
 
-import BaseLayout from './BaseLayout';
-
 const AboutLayout: FC<PropsWithChildren> = ({ children }) => (
-  <BaseLayout>
-    <div className="has-side-nav container">
-      <SideNavigation navigationKey="about" />
-      <article dir="auto">{children}</article>
-    </div>
-  </BaseLayout>
+  <div className="has-side-nav container">
+    <SideNavigation navigationKey="about" />
+    <article dir="auto">{children}</article>
+  </div>
 );
 
 export default AboutLayout;

layouts/BlogCategoryLayout.tsx

···
+import { useTranslations } from 'next-intl';
+import { useMemo } from 'react';
+import type { FC } from 'react';
+
+import { Time } from '@/components/Common/Time';
+import Pagination from '@/components/Pagination';
+import { useClientContext, useBlogData } from '@/hooks/server';
+import { Link } from '@/navigation.mjs';
+import type { BlogPost } from '@/types';
+
+const BlogCategoryLayout: FC = () => {
+  const t = useTranslations();
+  const { getPagination, getPostsByYear, getPostsByCategory, currentCategory } =
+    useBlogData();
+
+  const { frontmatter } = useClientContext();
+
+  const { posts, pagination, title } = useMemo(() => {
+    if (currentCategory.startsWith('year-')) {
+      const categoryWithoutPrefix = currentCategory.replace('year-', '');
+
+      return {
+        posts: getPostsByYear(categoryWithoutPrefix),
+        pagination: getPagination(categoryWithoutPrefix),
+        title: t('layouts.blogIndex.currentYear', {
+          year: categoryWithoutPrefix,
+        }),
+      };
+    }
+
+    return {
+      posts: getPostsByCategory(currentCategory),
+      pagination: undefined,
+      title: frontmatter.title,
+    };
+  }, [
+    currentCategory,
+    frontmatter.title,
+    getPagination,
+    getPostsByCategory,
+    getPostsByYear,
+    t,
+  ]);
+
+  return (
+    <div className="container" dir="auto">
+      <h2>{title}</h2>
+
+      <ul className="blog-index">
+        {posts.map((post: BlogPost) => (
+          <li key={post.slug}>
+            <Time
+              date={post.date}
+              format={{ month: 'short', day: '2-digit' }}
+            />
+
+            <Link href={post.slug}>{post.title}</Link>
+          </li>
+        ))}
+      </ul>
+
+      <Pagination {...pagination} />
+    </div>
+  );
+};
+
+export default BlogCategoryLayout;

layouts/BlogIndexLayout.tsx

···
-import { useMemo } from 'react';
-import type { FC, PropsWithChildren } from 'react';
-import { FormattedMessage } from 'react-intl';
-
-import { Time } from '@/components/Common/Time';
-import LocalizedLink from '@/components/LocalizedLink';
-import Pagination from '@/components/Pagination';
-import { useBlogData } from '@/hooks/useBlogData';
-import type { BlogPost } from '@/types';
-
-import BaseLayout from './BaseLayout';
-
-const BlogIndexLayout: FC<PropsWithChildren> = ({ children }) => {
-  const { getPagination, getPostsByYear, currentCategory } = useBlogData();
-
-  const currentYear = useMemo(
-    () =>
-      Number(
-        currentCategory.startsWith('year-')
-          ? currentCategory.replace('year-', '')
-          : new Date().getFullYear()
-      ),
-    [currentCategory]
-  );
-
-  const { posts, pagination } = useMemo(() => {
-    return {
-      posts: getPostsByYear(currentYear),
-      pagination: getPagination(currentYear),
-    };
-  }, [currentYear, getPagination, getPostsByYear]);
-
-  return (
-    <BaseLayout>
-      <div className="container" dir="auto">
-        <FormattedMessage
-          id="layouts.blogIndex.currentYear"
-          values={{ year: currentYear }}
-          tagName="h2"
-        />
-
-        <ul className="blog-index">
-          {posts.map((post: BlogPost) => (
-            <li key={post.slug}>
-              <Time
-                date={post.date}
-                format={{ month: 'short', day: '2-digit' }}
-              />
-
-              <LocalizedLink href={post.slug}>{post.title}</LocalizedLink>
-            </li>
-          ))}
-        </ul>
-
-        <Pagination prevSlug={pagination.prev} nextSlug={pagination.next} />
-
-        {children}
-      </div>
-    </BaseLayout>
-  );
-};
-
-export default BlogIndexLayout;

layouts/BlogPostLayout.tsx

···
+import { useTranslations } from 'next-intl';
 import type { FC, PropsWithChildren } from 'react';
-import { FormattedMessage } from 'react-intl';
 
 import { Time } from '@/components/Common/Time';
-import { useLayoutContext } from '@/hooks/useLayoutContext';
-import type { LegacyBlogFrontMatter } from '@/types';
-
-import BaseLayout from './BaseLayout';
+import { useClientContext } from '@/hooks/server';
 
 const BlogPostLayout: FC<PropsWithChildren> = ({ children }) => {
-  const { frontMatter } = useLayoutContext();
+  const t = useTranslations();
 
-  const { title, author, date } = frontMatter as LegacyBlogFrontMatter;
+  const {
+    frontmatter: { title, author, date },
+  } = useClientContext();
 
   return (
-    <BaseLayout>
-      <div className="container">
-        <article dir="auto">
-          <div className="blogpost-header">
-            <h1>{title}</h1>
-            <span className="blogpost-meta">
-              <FormattedMessage
-                id="layouts.blogPost.author.byLine"
-                values={{ author: author || null }}
-              />
+    <div className="container">
+      <article dir="auto">
+        <div className="blogpost-header">
+          <h1>{title}</h1>
+          <span className="blogpost-meta">
+            {t('layouts.blogPost.author.byLine', { author: author || null })}
 
-              <Time
-                date={date}
-                format={{ month: 'short', day: '2-digit', year: 'numeric' }}
-              />
-            </span>
-          </div>
+            <Time
+              date={date}
+              format={{ month: 'short', day: '2-digit', year: 'numeric' }}
+            />
+          </span>
+        </div>
 
-          {children}
-        </article>
-      </div>
-    </BaseLayout>
+        {children}
+      </article>
+    </div>
   );
 };
 

layouts/CategoryIndexLayout.tsx

···
-import { useMemo } from 'react';
-import type { FC, PropsWithChildren } from 'react';
-
-import { Time } from '@/components/Common/Time';
-import LocalizedLink from '@/components/LocalizedLink';
-import { useBlogData } from '@/hooks/useBlogData';
-import { useLayoutContext } from '@/hooks/useLayoutContext';
-import type { BlogPost } from '@/types';
-
-import BaseLayout from './BaseLayout';
-
-const CategoryIndexLayout: FC<PropsWithChildren> = ({ children }) => {
-  const { frontMatter } = useLayoutContext();
-  const { getPostsByCategory, currentCategory } = useBlogData();
-
-  const posts = useMemo(
-    () => getPostsByCategory(currentCategory),
-    [currentCategory, getPostsByCategory]
-  );
-
-  return (
-    <BaseLayout>
-      <div className="container" dir="auto">
-        <h2>{frontMatter.title}</h2>
-
-        <ul className="blog-index">
-          {posts.map((post: BlogPost) => (
-            <li key={post.slug}>
-              <Time
-                date={post.date}
-                format={{ month: 'short', day: '2-digit' }}
-              />
-
-              <LocalizedLink href={post.slug}>{post.title}</LocalizedLink>
-            </li>
-          ))}
-        </ul>
-
-        {children}
-      </div>
-    </BaseLayout>
-  );
-};
-
-export default CategoryIndexLayout;

layouts/ContributeLayout.tsx

···
 
 import SideNavigation from '@/components/SideNavigation';
 
-import BaseLayout from './BaseLayout';
-
 const ContributeLayout: FC<PropsWithChildren> = ({ children }) => (
-  <BaseLayout>
-    <div className="has-side-nav container">
-      <SideNavigation navigationKey="getInvolved" />
-      <article dir="auto">{children}</article>
-    </div>
-  </BaseLayout>
+  <div className="has-side-nav container">
+    <SideNavigation navigationKey="getInvolved" />
+    <article dir="auto">{children}</article>
+  </div>
 );
 
 export default ContributeLayout;

layouts/DefaultLayout.tsx

···
 import type { FC, PropsWithChildren } from 'react';
 
-import BaseLayout from './BaseLayout';
-
 const DefaultLayout: FC<PropsWithChildren> = ({ children }) => (
-  <BaseLayout>
-    <div className="container">{children}</div>
-  </BaseLayout>
+  <div className="container">{children}</div>
 );
 
 export default DefaultLayout;

layouts/DocsLayout.tsx

···
-import { useMemo } from 'react';
+'use client';
+
+import type { RichTranslationValues } from 'next-intl';
 import type { FC, PropsWithChildren } from 'react';
 
 import SideNavigation from '@/components/SideNavigation';
-import { useNodeReleases } from '@/hooks/useNodeReleases';
-
-import BaseLayout from './BaseLayout';
+import { releaseData } from '@/next.json.mjs';
 
 const DocsLayout: FC<PropsWithChildren> = ({ children }) => {
-  const { getReleaseByStatus, getLatestIsLtsRelease } = useNodeReleases();
-
-  const [lts, current] = useMemo(
-    () => [getLatestIsLtsRelease(), getReleaseByStatus('Current')],
-    [getLatestIsLtsRelease, getReleaseByStatus]
-  );
+  const [lts, current] = [
+    releaseData.find(({ isLts }) => isLts),
+    releaseData.find(({ status }) => status === 'Current'),
+  ];
 
-  const translationContext = {
+  const translationContext: Record<string, RichTranslationValues> = {
     apiLts: {
       ltsNodeVersion: lts ? `v${lts.major}.x` : undefined,
       fullLtsNodeVersion: lts ? lts.versionWithPrefix : undefined,
-      spanLts: <span className="small color-lightgray">LTS</span>,
+      graySpan: c => <span className="small color-lightgray">{c}</span>,
     },
     apiCurrent: {
       fullCurrentNodeVersion: current ? current.versionWithPrefix : undefined,
       currentNodeVersion: current ? `v${current.major}.x` : undefined,
     },
     guides: {
-      spanGuides: <span className="small color-lightgray">ARCHIVE</span>,
+      graySpan: c => <span className="small color-lightgray">{c}</span>,
     },
   };
 
   return (
-    <BaseLayout>
-      <div className="has-side-nav container">
-        <SideNavigation navigationKey="docs" context={translationContext} />
-        <article dir="auto">{children}</article>
-      </div>
-    </BaseLayout>
+    <div className="has-side-nav container">
+      <SideNavigation navigationKey="docs" context={translationContext} />
+      <article dir="auto">{children}</article>
+    </div>
   );
 };
 

layouts/DownloadCurrentLayout.tsx

···
-import type { FC, PropsWithChildren } from 'react';
-
-import PrimaryDownloadMatrix from '@/components/Downloads/PrimaryDownloadMatrix';
-import SecondaryDownloadMatrix from '@/components/Downloads/SecondaryDownloadMatrix';
-import { useLayoutContext } from '@/hooks/useLayoutContext';
-import { WithNodeRelease } from '@/providers/withNodeRelease';
-import type { LegacyDownloadsFrontMatter } from '@/types';
-
-import BaseLayout from './BaseLayout';
-
-const DownloadCurrentLayout: FC<PropsWithChildren> = ({ children }) => {
-  const { frontMatter } = useLayoutContext();
-
-  const { downloads } = frontMatter as LegacyDownloadsFrontMatter;
-
-  return (
-    <BaseLayout>
-      <div className="container">
-        <article dir="auto">
-          <div className="download-header">
-            <h1>{downloads.headline}</h1>
-          </div>
-
-          {children}
-
-          <WithNodeRelease status="Current">
-            {({ release }) => (
-              <>
-                <PrimaryDownloadMatrix {...release} />
-                <SecondaryDownloadMatrix {...release} />
-              </>
-            )}
-          </WithNodeRelease>
-        </article>
-      </div>
-    </BaseLayout>
-  );
-};
-
-export default DownloadCurrentLayout;

layouts/DownloadLayout.tsx

···
 
 import PrimaryDownloadMatrix from '@/components/Downloads/PrimaryDownloadMatrix';
 import SecondaryDownloadMatrix from '@/components/Downloads/SecondaryDownloadMatrix';
-import { useLayoutContext } from '@/hooks/useLayoutContext';
-import { WithNodeRelease } from '@/providers/withNodeRelease';
-import type { LegacyDownloadsFrontMatter } from '@/types';
-
-import BaseLayout from './BaseLayout';
+import { WithNodeRelease } from '@/components/withNodeRelease';
+import { useClientContext } from '@/hooks/server';
 
 const DownloadLayout: FC<PropsWithChildren> = ({ children }) => {
-  const { frontMatter } = useLayoutContext();
+  const {
+    frontmatter: { downloads },
+    pathname,
+  } = useClientContext();
 
-  const { downloads } = frontMatter as LegacyDownloadsFrontMatter;
+  const isCurrentReleasePage = pathname.includes('/current');
 
   return (
-    <BaseLayout>
-      <div className="container">
-        <article dir="auto">
-          <div className="download-header">
-            <h1>{downloads.headline}</h1>
-          </div>
+    <div className="container">
+      <article dir="auto">
+        <div className="download-header">
+          <h1>{downloads.headline}</h1>
+        </div>
+
+        {children}
 
-          {children}
+        {isCurrentReleasePage && (
+          <WithNodeRelease status="Current">
+            {({ release }) => (
+              <>
+                <PrimaryDownloadMatrix {...release} />
+                <SecondaryDownloadMatrix {...release} />
+              </>
+            )}
+          </WithNodeRelease>
+        )}
 
+        {isCurrentReleasePage || (
           <WithNodeRelease status={['Active LTS', 'Maintenance LTS']}>
             {({ release }) => (
               <>
···
               </>
             )}
           </WithNodeRelease>
-        </article>
-      </div>
-    </BaseLayout>
+        )}
+      </article>
+    </div>
   );
 };
 

layouts/IndexLayout.tsx

···
 import type { FC, PropsWithChildren } from 'react';
 
-import BaseLayout from '@/layouts/BaseLayout';
-
 const IndexLayout: FC<PropsWithChildren> = ({ children }) => (
-  <BaseLayout>
-    <div className="container">
-      <div id="home-intro">{children}</div>
-    </div>
-  </BaseLayout>
+  <div className="container">
+    <div id="home-intro">{children}</div>
+  </div>
 );
 
 export default IndexLayout;

layouts/LearnLayout.tsx

···
 
 import SideNavigation from '@/components/SideNavigation';
 
-import BaseLayout from './BaseLayout';
-
 const LearnLayout: FC<PropsWithChildren> = ({ children }) => (
-  <BaseLayout>
-    <div className="has-side-nav container">
-      <SideNavigation navigationKey="learn" />
-      <article dir="auto">{children}</article>
-    </div>
-  </BaseLayout>
+  <div className="has-side-nav container">
+    <SideNavigation navigationKey="learn" />
+    <article dir="auto">{children}</article>
+  </div>
 );
 
 export default LearnLayout;

middleware.ts

···
-import { NextResponse } from 'next/server';
-import type { NextRequest } from 'next/server';
-
-import { availableLocales } from './next.locales.mjs';
-
-// This Middleware is responsible for handling automatic language detection from a user's Browser
-// This middleware should only run on "/" requests coming to the Website
-export const middleware = async (request: NextRequest) => {
-  const { pathname, search } = request.nextUrl;
-
-  // This function allows us to redirect with a Locale Code
-  const redirectWithLocale = (_locale: string) => {
-    const redirectUrl = `/${_locale}${pathname}${search}`;
-
-    return NextResponse.redirect(new URL(redirectUrl, request.url));
-  };
-
-  const localeCookie = request.cookies.get('NEXT_LOCALE');
-
-  // If we already have a NEXT_LOCALE Cookie, then Redirect to the stored Locale Code
-  if (localeCookie?.value && localeCookie.value !== 'default') {
-    // If the language by any reason is not available anymore, ignore the cookie
-    if (availableLocales.some(locale => locale.code === localeCookie.value)) {
-      return redirectWithLocale(localeCookie.value);
-    }
-  }
-
-  // If not, we try to check if the Browser is sending `Accept-Language` Header
-  const acceptedLanguagesRaw = request.headers.get('Accept-Language') || 'en';
-
-  // If present, we try to split the format into ['code', 'q=order', ...]
-  // Where q= is the precedence of the Accepted Language
-  // We then filter those out as we don't want them
-  const acceptedLanguages = acceptedLanguagesRaw
-    .split(';')
-    .map(collection => collection.split(','))
-    .flat()
-    .filter(locale => !locale.startsWith('q='));
+import createMiddleware from 'next-intl/middleware';
 
-  // We check if we have any matching Language in the order of preference given
-  // And if yes, we return that Locale Code
-  const matchedLocaleCode = acceptedLanguages.find(acceptedLocale =>
-    availableLocales.some(locale => locale.code === acceptedLocale)
-  );
+import { availableLocaleCodes, defaultLocale } from '@/next.locales.mjs';
 
-  // We create a new Response Object containing the Locale Match or the default Language
-  const responseWithCookie = redirectWithLocale(matchedLocaleCode || 'en');
+export default createMiddleware({
+  // A list of all locales that are supported
+  locales: availableLocaleCodes,
 
-  // Then we set a Cookie to avoid this calculation from happening on every / hit
-  responseWithCookie.cookies.set('NEXT_LOCALE', matchedLocaleCode || 'en');
+  // Used when no locale matches
+  defaultLocale: defaultLocale.code,
+});
 
-  return responseWithCookie;
+export const config = {
+  // Note.: This needs to be updated when activating more locales
+  // Format: '/(locale1|locale2|locale3|...)/:path*'
+  matcher: ['/', '/(en)/:path*'],
 };
-
-export const config = { matcher: '/' };

navigation.json

···
   },
   "learn": {
     "link": "/learn",
-    "translationId": "components.header.links.learn",
+    "translationId": "components.header.links.learn.title",
     "items": {
       "gettingStarted": {
         "link": "/learn/getting-started/introduction-to-nodejs",
-        "translationId": "components.header.links.learn.gettingStarted",
+        "translationId": "components.header.links.learn.gettingStarted.title",
         "items": {
           "introductionToNodejs": {
             "link": "/learn/getting-started/introduction-to-nodejs",
···
       },
       "asynchronousWork": {
         "link": "/learn/asynchronous-work/asynchronous-flow-control",
-        "translationId": "components.header.links.learn.asynchronousWork",
+        "translationId": "components.header.links.learn.asynchronousWork.title",
         "items": {
           "asynchronousFlowControl": {
             "link": "/learn/asynchronous-work/asynchronous-flow-control",
···
       },
       "manipulatingFiles": {
         "link": "/learn/manipulating-files/nodejs-file-stats",
-        "translationId": "components.header.links.learn.manipulatingFiles",
+        "translationId": "components.header.links.learn.manipulatingFiles.title",
         "items": {
           "nodejsFileStats": {
             "link": "/learn/manipulating-files/nodejs-file-stats",
···
       },
       "commandLine": {
         "link": "/learn/command-line/run-nodejs-scripts-from-the-command-line",
-        "translationId": "components.header.links.learn.commandLine",
+        "translationId": "components.header.links.learn.commandLine.title",
         "items": {
           "runNodejsScriptsFromTheCommandLine": {
             "link": "/learn/command-line/run-nodejs-scripts-from-the-command-line",
···
     "items": {
       "shaSums": {
         "link": "https://nodejs.org/dist/{nodeVersion}/SHASUMS256.txt.asc",
-        "translationId": "components.downloadList.links.shaSums"
+        "translationId": "components.downloadList.links.shaSums.title"
       },
       "allDownloads": {
         "link": "https://nodejs.org/dist/{nodeVersion}/",

navigation.mjs

···
+'use strict';
+
+import { createSharedPathnamesNavigation } from 'next-intl/navigation';
+
+import { availableLocaleCodes } from './next.locales.mjs';
+
+export const { Link, redirect, usePathname, useRouter } =
+  createSharedPathnamesNavigation({ locales: availableLocaleCodes });

next-data/generateBlogPostsData.mjs

···
 'use strict';
 
-import { readFile, writeFile } from 'node:fs/promises';
+import { createReadStream } from 'node:fs';
+import { writeFile } from 'node:fs/promises';
 import { basename, extname, join } from 'node:path';
+import readline from 'node:readline';
 
 import graymatter from 'gray-matter';
 
···
     ['**/index.md', '**/pagination.md']
   );
 
-  // we gather all the information of all the blog posts by reading each individual file
-  // and then parsing the frontmatter and source content and returning a minified object
-  const postsPromise = filenames
-    .map(name => ({ name, file: readFile(join(blogPath, name)) }))
-    .map(({ name, file }) => file.then(source => getFrontMatter(name, source)));
+  // Writes the Blog Posts to the JSON file
+  const writeResult = blogPosts => {
+    return writeFile(
+      jsonFilePath,
+      JSON.stringify({
+        pagination: [...blogMetadata.pagination].sort(),
+        categories: [...blogMetadata.categories].sort(),
+        posts: blogPosts.sort((a, b) => b.date - a.date),
+      })
+    );
+  };
+
+  return new Promise(resolve => {
+    const blogPosts = [];
+
+    for (const filename of filenames) {
+      let rawFrontmatter = '';
+      let countOfSeparators = 0;
+
+      // We create a stream for reading a file instead of reading the files
+      const _stream = createReadStream(join(blogPath, filename));
+
+      // We create a readline interface to read the file line-by-line
+      const _readLine = readline.createInterface({ input: _stream });
+
+      // We read line by line
+      _readLine.on('line', line => {
+        rawFrontmatter += `${line}\n`;
+
+        // We observe the frontmatter separators
+        if (line === '---') {
+          countOfSeparators += 1;
+        }
 
-  // we await for all the work to be concluded and return a nice blog posts object
-  const posts = await Promise.all(postsPromise);
+        // Once we have two separators we close the readLine and the stream
+        if (countOfSeparators === 2) {
+          _readLine.close();
+          _stream.close();
+        }
+      });
+
+      // Then we parse gray-matter on the frontmatter
+      // This allows us to only read the frontmatter part of each file
+      // and optimise the read-process as we have thousands of markdown files
+      _readLine.on('close', () => {
+        blogPosts.push(getFrontMatter(filename, rawFrontmatter));
 
-  return writeFile(
-    jsonFilePath,
-    JSON.stringify({
-      pagination: [...blogMetadata.pagination].sort(),
-      categories: [...blogMetadata.categories].sort(),
-      posts: posts.sort((a, b) => b.date - a.date),
-    })
-  );
+        // Once we finish reading all fles
+        if (blogPosts.length === filenames.length) {
+          resolve(writeResult(blogPosts));
+        }
+      });
+    }
+  });
 };
 
 export default generateBlogPostsData;

next-data/generateNodeReleasesJson.mjs

···
 // this is the destination path for where the JSON file will be written
 const jsonFilePath = join(process.cwd(), 'public/node-releases-data.json');
 
+// Gets the appropriate release status for each major release
+const getNodeReleaseStatus = (now, support) => {
+  const { endOfLife, maintenanceStart, ltsStart, currentStart } = support;
+
+  if (endOfLife && now > new Date(endOfLife)) {
+    return 'End-of-life';
+  }
+
+  if (maintenanceStart && now > new Date(maintenanceStart)) {
+    return 'Maintenance LTS';
+  }
+
+  if (ltsStart && now > new Date(ltsStart)) {
+    return 'Active LTS';
+  }
+
+  if (currentStart && now >= new Date(currentStart)) {
+    return 'Current';
+  }
+
+  return 'Pending';
+};
+
 const generateNodeReleasesJson = async () => {
   const nodevuOutput = await nodevu({ fetch: fetch });
 
   // Filter out those without documented support
   // Basically those not in schedule.json
-  const majors = Object.values(nodevuOutput).filter(
-    major => major?.support?.phases?.dates?.start
-  );
+  const majors = Object.values(nodevuOutput).filter(major => !!major.support);
 
   const nodeReleases = majors.map(major => {
     const [latestVersion] = Object.values(major.releases);
 
-    return {
-      major: latestVersion.semver.major,
-      version: latestVersion.semver.raw,
-      codename: major.support.codename,
+    const support = {
       currentStart: major.support.phases.dates.start,
       ltsStart: major.support.phases.dates.lts,
       maintenanceStart: major.support.phases.dates.maintenance,
       endOfLife: major.support.phases.dates.end,
-      npm: latestVersion.dependencies.npm,
-      v8: latestVersion.dependencies.v8,
-      releaseDate: latestVersion.releaseDate,
-      modules: latestVersion.modules.version,
+    };
+
+    const status = getNodeReleaseStatus(new Date(), support);
+
+    return {
+      ...support,
+      status,
+      major: latestVersion.semver.major,
+      version: latestVersion.semver.raw,
+      versionWithPrefix: `v${latestVersion.semver.raw}`,
+      codename: major.codename || '',
+      isLts: status === 'Active LTS' || status === 'Maintenance LTS',
+      npm: latestVersion.dependencies.npm || '',
+      v8: latestVersion.dependencies.v8 || '',
+      releaseDate: latestVersion.releaseDate || '',
+      modules: latestVersion.modules.version || '',
     };
   });
+
+  console.timeEnd('g');
 
   return writeFile(
     jsonFilePath,

next.config.mjs

···
 'use strict';
 
+import withNextIntl from 'next-intl/plugin';
+
 import { BASE_PATH, ENABLE_STATIC_EXPORT } from './next.constants.mjs';
 import { redirects, rewrites } from './next.rewrites.mjs';
 
···
   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
+  skipTrailingSlashRedirect: true,
   // We allow the BASE_PATH to be overridden in case that the Website
   // is being built on a subdirectory (e.g. /nodejs-website)
   basePath: BASE_PATH,
···
   },
 };
 
-export default nextConfig;
+export default withNextIntl()(nextConfig);

next.constants.mjs

···
 'use strict';
 
-import { blogData } from './next.json.mjs';
+import { blogData, siteConfig } from './next.json.mjs';
 import { defaultLocale } from './next.locales.mjs';
 
 /**
···
 export const MD_EXTENSION_REGEX = /((\/)?(index))?\.mdx?$/i;
 
 /**
- * This is a shorthand to the Default Locale if you're only interested
- * on the Locale Code.
- *
- * This should only be used outside of the Next.js Application itself
- * as within React context the `useLocale` hook should be used instead.
- */
-export const DEFAULT_LOCALE_CODE = defaultLocale.code;
-
-/**
  * This is a list of all static routes or pages from the Website that we do not
  * want to allow to be statically built on our Static Export Build.
  *
  * @type {((route: import('./types').RouteSegment) => boolean)[]} A list of Ignored Routes by Regular Expressions
  */
 export const STATIC_ROUTES_IGNORES = [
+  // Ignore the 404 route on Static Generation
+  ({ pathname }) => pathname === '404',
   // This is used to ignore is used to ignore all blog routes except for the English language
-  route => !route.localised && /^blog\//.test(route.pathname),
+  ({ locale, pathname }) =>
+    locale !== defaultLocale.code && /^blog\//.test(pathname),
   // This is used to ignore the blog/pagination meta route
-  route => /^blog\/pagination/.test(route.pathname),
+  ({ pathname }) => /^blog\/pagination/.test(pathname),
 ];
 
 /**
···
  * within the static export (static build) of the website. This constant usually would be used along
  * with a matching pathname on `DYNAMIC_ROUTES_REWRITES`.
  *
- * @returns {string[]} A list of all the Dynamic Routes that are generated by the Website
+ * @type {string[]} A list of all the Dynamic Routes that are generated by the Website
  */
-export const DYNAMIC_GENERATED_ROUTES = () => [
-  ...blogData.pagination.map(year => `en/blog/year-${year}`),
+export const DYNAMIC_GENERATED_ROUTES = [
+  ...blogData.pagination.map(year => `blog/year-${year}`),
 ];
 
 /***
···
 /**
  * The `localStorage` key to store the theme choice of `next-themes`
  */
-export const THEME_LOCAL_STORAGE_KEY = 'theme';
+export const THEME_STORAGE_KEY = 'theme';
+
+/**
+ * This is the default Next.js Page Metadata for all pages
+ *
+ * @type {import('next').Metadata}
+ */
+export const DEFAULT_METADATA = {
+  metadataBase: new URL(`${BASE_URL}${BASE_PATH}`),
+  title: siteConfig.title,
+  description: siteConfig.description,
+  robots: { index: true, follow: true },
+  twitter: {
+    card: siteConfig.twitter.card,
+    title: siteConfig.twitter.title,
+    creator: siteConfig.twitter.username,
+    images: {
+      url: siteConfig.twitter.img,
+      alt: siteConfig.twitter.imgAlt,
+    },
+  },
+  alternates: {
+    canonical: '',
+    languages: { 'x-default': '' },
+    types: {
+      'application/rss+xml': 'https://nodejs.org/en/feed/blog.xml',
+    },
+  },
+  icons: { icon: siteConfig.favicon },
+  openGraph: { images: siteConfig.twitter.img },
+};
+
+/**
+ * This is the default Next.js Viewport Metadata for all pages
+ *
+ * @type {import('next').Viewport}
+ */
+export const DEFAULT_VIEWPORT = {
+  themeColor: siteConfig.accentColor,
+  width: 'device-width',
+  initialScale: 1,
+};

next.dynamic.mjs

···
 'use strict';
 
-import { readFileSync } from 'node:fs';
+import { existsSync } from 'node:fs';
+import { readFile } from 'node:fs/promises';
 import { join, normalize, sep } from 'node:path';
 
+import matter from 'gray-matter';
+import { cache } from 'react';
 import { VFile } from 'vfile';
 
-import { DEFAULT_LOCALE_CODE, MD_EXTENSION_REGEX } from './next.constants.mjs';
+import {
+  DYNAMIC_GENERATED_ROUTES,
+  DYNAMIC_ROUTES_IGNORES,
+  DYNAMIC_ROUTES_REWRITES,
+  MD_EXTENSION_REGEX,
+  STATIC_ROUTES_IGNORES,
+  DEFAULT_METADATA,
+  BASE_URL,
+  BASE_PATH,
+} from './next.constants.mjs';
 import { getMarkdownFiles } from './next.helpers.mjs';
-import { availableLocales } from './next.locales.mjs';
+import { siteConfig } from './next.json.mjs';
+import { availableLocaleCodes, defaultLocale } from './next.locales.mjs';
 import { compileMDX } from './next.mdx.compiler.mjs';
 
-// allows us to run a glob to get markdown files based on a language folder
-const getPathsByLanguage = async (locale = DEFAULT_LOCALE_CODE, ignored = []) =>
-  getMarkdownFiles(process.cwd(), `pages/${locale}`, ignored);
+// This is the combination of the Application Base URL and Base PATH
+const baseUrlAndPath = `${BASE_URL}${BASE_PATH}`;
 
-/**
- * This method is responsible for generating a Collection of all available paths that
- * are served by the Website dynamically based on the Markdown pages on `pages/` folder.
- *
- * Each Collection is associated to its Locale Code and contains a subset of Dictionaries
- * that inform which pages are provided by that language and which not.
- *
- * The non-localised pages will still be served but our runtime Markdown loader `getMarkdownFile`
- * will recognise that the requested route should be provided via the fallback language.
- */
-const getAllPaths = async () => {
-  // during full static build we don't want to cover blog posts
-  // as otherwise they will all get built as static pages during build time
-  const sourcePages = await getPathsByLanguage(DEFAULT_LOCALE_CODE);
+// This is a small utility that allows us to quickly separate locale from the remaning pathname
+const getPathname = (path = []) => path.join('/');
+
+// This tests if the current pathname matches any expression that belongs
+// to the list of ignored routes and if it does we return `true` to indicate that
+const shouldIgnoreRoute = pathname =>
+  pathname.length > 0 && DYNAMIC_ROUTES_IGNORES.some(e => e.test(pathname));
+
+// This tests if the current pathname matches any sort of rewrite rule
+// and if it does we return a the replacement expression for the pathname
+const getRouteRewrite = pathname =>
+  (pathname.length > 0 &&
+    DYNAMIC_ROUTES_REWRITES.find(([e]) => e.test(pathname))) ||
+  [];
+
+// This maps a pathname into an actual route object that can be used
+// we use a platform-specific separator to split the pathname
+// since we're using filepaths here and not URL paths
+const mapPathToRoute = (locale = defaultLocale.code, path = '') => ({
+  locale,
+  path: path.split(sep),
+});
+
+const getDynamicRouter = async () => {
+  const cachedMarkdownFiles = new Map();
+  const pathnameToFilename = new Map();
+
+  const websitePages = await getMarkdownFiles(
+    process.cwd(),
+    `pages/${defaultLocale.code}`
+  );
+
+  websitePages.forEach(filename => {
+    let pathname = filename.replace(MD_EXTENSION_REGEX, '');
+
+    if (pathname.length > 1 && pathname.endsWith(sep)) {
+      pathname = pathname.substring(0, pathname.length - 1);
+    }
+
+    pathname = normalize(pathname).replace('.', '');
+
+    // We map the pathname to the filename to be able to quickly
+    // resolve the filename for a given pathname
+    pathnameToFilename.set(pathname, filename);
+  });
 
   /**
-   * This method is used to provide the list of pages that are provided by a given locale
-   * and what pages require fallback to the default locale.
+   * This method returns a list of all routes that exist for a given locale
+   *
+   * @param {string} locale
+   * @returns {string[]}
    */
-  const mergePathsWithFallback =
-    (locale = '') =>
-    (files = []) =>
-      sourcePages.map(filename => {
-        // remove the index.md(x) suffix from a pathname
-        let pathname = filename.replace(MD_EXTENSION_REGEX, '');
+  const getRoutesByLanguage = async (locale = defaultLocale.code) => {
+    const shouldIgnoreStaticRoute = pathname =>
+      STATIC_ROUTES_IGNORES.every(e => !e({ pathname, locale }));
 
-        // remove trailing slash for correct Windows pathing of the index files
-        if (pathname.length > 1 && pathname.endsWith(sep)) {
-          pathname = pathname.substring(0, pathname.length - 1);
-        }
-
-        return {
-          pathname: normalize(pathname),
-          filename: filename,
-          localised: files.includes(filename),
-          routeWithLocale: `${locale}/${pathname}`,
-        };
-      });
+    return [...pathnameToFilename.keys()]
+      .filter(shouldIgnoreStaticRoute)
+      .concat(DYNAMIC_GENERATED_ROUTES);
+  };
 
   /**
-   * This creates an index with the information for each language
-   * and the pages that they provide in relation to the source pages
-   * and the pages that are missing in relation to the source pages.
+   * This method attempts to retrieve either a localized Markdown file
+   * or the English version of the Markdown file if no localized version exists
+   * and then returns the contents of the file and the name of the file (not the path)
    *
-   * @type {[string, import('./types').RouteSegment[]][]}
+   * @param {string} locale
+   * @param {string} pathname
+   * @returns {Promise<{ source: string; filename: string }>}
    */
-  const allAvailableMarkdownPaths = availableLocales.map(({ code }) =>
-    getPathsByLanguage(code)
-      .then(mergePathsWithFallback(code))
-      .then(files => [code, files])
-  );
+  const _getMarkdownFile = async (locale = '', pathname = '') => {
+    const normalizedPathname = normalize(pathname).replace('.', '');
 
-  return Promise.all(allAvailableMarkdownPaths);
-};
+    // This verifies if the given pathname actually exists on our Map
+    // meaning that the route exists on the website and can be rendered
+    if (pathnameToFilename.has(normalizedPathname)) {
+      const filename = pathnameToFilename.get(normalizedPathname);
 
-// A Map containing all the dynamic paths and their information
-export const allPaths = new Map(await getAllPaths());
+      let filePath = join(process.cwd(), 'pages');
 
-/**
- * This method attempts to find a matching file in the fileystem provided originally
- * by `getStaticPaths` and returns the file source and filename.
- *
- * Note that this method is safe as it is always provided by paths determined by the server
- * that are non-localized pages that exist on the English locale.
- *
- * Hence we don't fallback for non-existing pages as it should never fall into this scenario.
- * Next.js will already protect against common attack vectors
- * such as `/../../` on the URL pathname and other methodologies
- *
- * @param {string} locale the locale code to be used
- * @param {string} pathname the pathname string
- * @returns {{ source: string, filename: string }} the source and filename
- * @throws {Error} if the file does not exist, which should never happen
- */
-export const getMarkdownFile = (
-  locale = DEFAULT_LOCALE_CODE,
-  pathname = ''
-) => {
-  const metadata = { source: '', filename: '' };
+      // We verify if our Markdown cache already has a cache entry for a localized
+      // version of this file, because if not, it means that either
+      // we did not cache this file yet or there is no localized version of this file
+      if (cachedMarkdownFiles.has(`${locale}${normalizedPathname}`)) {
+        const fileContent = cachedMarkdownFiles.get(
+          `${locale}${normalizedPathname}`
+        );
 
-  const routes = allPaths.get(locale);
+        return { source: fileContent, filename };
+      }
 
-  // We verify if the file exists within the list of allowed pages
-  // which prevents any malicious attempts to access non-allowed pages
-  // or other files that do not belong to the `sourcePages`
-  if (routes && routes.length) {
-    const route = routes.find(route => route.pathname === normalize(pathname));
+      // No cache hit exists, so we check if the localized file actually
+      // exists within our file system and if it does we set it on the cache
+      // and return the current fetched result; If the file does not exist
+      // we fallback to the English source
+      if (existsSync(join(filePath, locale, filename))) {
+        filePath = join(filePath, locale, filename);
 
-    if (route && route.filename) {
-      // this determines if we should be using the fallback rendering to the default locale
-      // or if we can use the current locale
-      const localeToUse = !route.localised ? DEFAULT_LOCALE_CODE : locale;
+        const fileContent = await readFile(filePath, 'utf8');
 
-      // gets the full pathname for the file (absolute path)
-      metadata.filename = join(
-        process.cwd(),
-        'pages',
-        localeToUse,
-        route.filename
+        cachedMarkdownFiles.set(`${locale}${normalizedPathname}`, fileContent);
+
+        return { source: fileContent, filename };
+      }
+
+      // We then attempt to retrieve the source version of the file as there is no localised version
+      // of the file and we set it on the cache to prevent future checks of the same locale for this file
+      const { source: fileContent } = getMarkdownFile(
+        defaultLocale.code,
+        pathname
       );
 
-      // Since we always will only read files that we know exist
-      // we don't need to handle a possibility of an error being thrown
-      // as any other case is if we don't have file system access and that should
-      // then be thrown and reported
-      metadata.source = readFileSync(metadata.filename, 'utf8');
+      // We set the source file on the localized cache to prevent future checks
+      // of the same locale for this file and improve read performance
+      cachedMarkdownFiles.set(`${locale}${normalizedPathname}`, fileContent);
+
+      return { source: fileContent, filename };
     }
-  }
 
-  return metadata;
-};
+    return { filename: '', source: '' };
+  };
 
-/**
- * This Method gathers the Markdown Source and the source filename
- * and processes the data (parses the markdown) and generate props
- * for the application to consume (`getStaticProps`)
- *
- * @returns {Promise<{ notFound: boolean, props: any; revalidate: number | boolean }>} the props for the page
- */
-export const generateStaticProps = async (source = '', filename = '') => {
-  // by default a page is not found if there's no source or filename
-  const staticProps = { notFound: true, props: {}, revalidate: false };
+  // Creates a Cached Version of the Markdown File Resolver
+  const getMarkdownFile = cache(async (locale, pathname) => {
+    return await _getMarkdownFile(locale, pathname);
+  });
 
-  // We only attempt to serialize data if the `source` has content and `filename` has content
-  // otherwise we return a 404 since this means that it is not a valid file or a file we should care about
-  if (source.length && filename.length) {
+  /**
+   * This method runs the MDX compiler on the server-side and returns the
+   * parsed JSX ready to be rendered on a page as a React Component
+   *
+   * @param {string} source
+   * @param {string} filename
+   */
+  const _getMDXContent = async (source = '', filename = '') => {
     // We create a VFile (Virtual File) to be able to access some contextual
     // data post serialization (compilation) of the source Markdown into MDX
     const sourceAsVirtualFile = new VFile(source);
···
 
     // This compiles our MDX source (VFile) into a final MDX-parsed VFile
     // that then is passed as a string to the MDXProvider which will run the MDX Code
-    const { content, headings, frontmatter } = await compileMDX(
-      sourceAsVirtualFile,
-      fileExtension
-    );
+    return compileMDX(sourceAsVirtualFile, fileExtension);
+  };
+
+  // Creates a Cached Version of the MDX Compiler
+  const getMDXContent = cache(async (source, filename) => {
+    return await _getMDXContent(source, filename);
+  });
+
+  /**
+   * This method generates the Next.js App Router Metadata
+   * that can be used for each page to provide metadata
+   *
+   * @param {string} locale
+   * @param {string} path
+   * @returns {import('next').Metadata}
+   */
+  const _getPageMetadata = async (locale = defaultLocale.code, path = '') => {
+    const pageMetadata = { ...DEFAULT_METADATA };
+
+    const { source = '' } = await getMarkdownFile(locale, path);
+
+    const { data } = matter(source);
+
+    pageMetadata.title = data.title
+      ? `${data.title} | ${siteConfig.title}`
+      : siteConfig.title;
+
+    pageMetadata.twitter.title = pageMetadata.title;
+    pageMetadata.alternates.canonical = `${baseUrlAndPath}/${locale}/${path}`;
 
-    // Passes the compiled MDX Source to the MDX Provider and some extra data
-    staticProps.props = { content: String(content), headings, frontmatter };
-    staticProps.notFound = false;
-  }
+    pageMetadata.alternates.languages[
+      'x-default'
+    ] = `${baseUrlAndPath}/${defaultLocale.code}/${path}`;
+
+    availableLocaleCodes.forEach(currentLocale => {
+      pageMetadata.alternates.languages[
+        currentLocale
+      ] = `${baseUrlAndPath}/${currentLocale}/${path}`;
+    });
 
-  return staticProps;
+    return pageMetadata;
+  };
+
+  // Creates a Cached Version of the Page Metadata Context
+  const getPageMetadata = cache(async (locale, path) => {
+    return await _getPageMetadata(locale, path);
+  });
+
+  return {
+    getRoutesByLanguage,
+    getMarkdownFile,
+    getMDXContent,
+    getPathname,
+    shouldIgnoreRoute,
+    getRouteRewrite,
+    mapPathToRoute,
+    getPageMetadata,
+  };
 };
+
+export const dynamicRouter = await getDynamicRouter();

next.json.mjs

···
 'use strict';
 
-import localeConfig from './i18n/config.json' assert { type: 'json' };
-import siteNavigation from './navigation.json' assert { type: 'json' };
-import blogData from './public/blog-posts-data.json' assert { type: 'json' };
-import releaseData from './public/node-releases-data.json' assert { type: 'json' };
-import siteRedirects from './redirects.json' assert { type: 'json' };
-import siteConfig from './site.json' assert { type: 'json' };
+import _localeConfig from './i18n/config.json' assert { type: 'json' };
+import _siteNavigation from './navigation.json' assert { type: 'json' };
+import _blogData from './public/blog-posts-data.json' assert { type: 'json' };
+import _releaseData from './public/node-releases-data.json' assert { type: 'json' };
+import _siteRedirects from './redirects.json' assert { type: 'json' };
+import _siteConfig from './site.json' assert { type: 'json' };
+
+/** @type {import('./types').LocaleConfig[]} */
+export const localeConfig = _localeConfig;
+
+/** @type {Record<string, import('./types').NavigationEntry>} */
+export const siteNavigation = _siteNavigation;
+
+/** @type {import('./types').BlogData} */
+export const blogData = _blogData;
+
+/** @type {import('./types').NodeRelease[]} */
+export const releaseData = _releaseData;
+
+/** @type {Record<string, import('./types').Redirect[]>} */
+export const siteRedirects = _siteRedirects;
 
-export {
-  siteConfig,
-  siteNavigation,
-  siteRedirects,
-  localeConfig,
-  blogData,
-  releaseData,
-};
+/** @type {import('./types').SiteConfig} */
+export const siteConfig = _siteConfig;

next.locales.mjs

···
 'use strict';
 
-import translations from './i18n/locales/index.mjs';
 import { localeConfig } from './next.json.mjs';
 
 // As set of available and enabled locales for the website
···
 // of the available locales that we have enabled on the website
 const availableLocales = localeConfig.filter(locale => locale.enabled);
 
+// This gives an easy way of accessing all available locale codes
+const availableLocaleCodes = availableLocales.map(locale => locale.code);
+
 // This provides the default locale information for the Next.js Application
 // This is marked by the unique `locale.default` property on the `en` locale
 /** @type {import('./types').LocaleConfig} */
 const defaultLocale = availableLocales.find(locale => locale.default);
 
-/**
- * Retrieves the Current Locale from the given route or URL Query
- *
- * This will first check the route for the locale code, if it is not found
- * it will then check the URL Query for the locale code, if it is not found
- * it will then return the default locale
- *
- * @param {string} route Current Route String
- * @param {import('querystring').ParsedUrlQuery} query Current Route Query
- * @returns {import('./types').LocaleConfig} Returns the Current Locale
- */
-const getCurrentLocale = (route = '/', query = {}) => {
-  const localeCode = route.split('/')[1] || query.locale || defaultLocale.code;
-
-  return availableLocales.find(c => c.code === localeCode) || defaultLocale;
-};
-
-/**
- * Retrieves the Current Translations for the given locale
- *
- * This will merge the default locale translations with the current locale translations
- * This allows us to only provide the translations that are different from the default locale
- *
- * @param {string} locale The current Locale Code
- * @returns {Record<string, string>} Returns the set of Translations for the given locale
- */
-const getCurrentTranslations = locale => ({
-  ...translations[defaultLocale.code],
-  ...translations[locale],
-});
+// Creates a Map of available locales for easy access
+const availableLocalesMap = Object.fromEntries(
+  localeConfig.map(locale => [locale.code, locale])
+);
 
 export {
   availableLocales,
+  availableLocaleCodes,
+  availableLocalesMap,
   defaultLocale,
-  getCurrentLocale,
-  getCurrentTranslations,
 };

next.mdx.compiler.mjs

···
 'use strict';
 
-import { compile, runSync } from '@mdx-js/mdx';
+import { evaluate } from '@mdx-js/mdx';
 import * as jsxRuntime from 'react/jsx-runtime';
 import { matter } from 'vfile-matter';
 
···
  *
  * @param {import('vfile').VFile} source
  * @param {'md' | 'mdx'} fileExtension
- * @returns {Promise<{ content: import('vfile').VFile; headings: import('@vcarl/remark-headings').Heading[]; frontmatter: Record<string, any>}>}
+ * @returns {Promise<{ MDXContent: import('mdx/types').MDXContent; headings: import('@vcarl/remark-headings').Heading[]; frontmatter: Record<string, any>}>}
  */
 export async function compileMDX(source, fileExtension) {
   // Parses the Frontmatter to the VFile and removes from the original source
···
   matter(source, { strip: true });
 
   // This is a minimal MDX Compiler that is lightweight and only parses the MDX
-  const compiledSource = await compile(source, {
+  const { default: MDXContent } = await evaluate(source, {
     rehypePlugins: NEXT_REHYPE_PLUGINS,
     remarkPlugins: NEXT_REMARK_PLUGINS,
     format: fileExtension,
-    // This instructs the MDX compiler to generate a minimal JSX-body
-    // to be consumed within MDX's `run` method, instead of a standalone React Application
-    outputFormat: 'function-body',
-    // Ensure compatibility with Server Components
-    providerImportSource: undefined,
+    // Provide the JSX Runtime to the MDX Compiler
+    ...jsxRuntime,
   });
 
   // Retrieve some parsed data from the VFile metadata
   // such as frontmatter and Markdown headings
   const { headings, matter: frontmatter } = source.data;
 
-  return { content: compiledSource, headings, frontmatter };
-}
-
-/**
- * This evaluates our MDX VFile into actual JSX eval'd code
- * which is actually used by the MDX Provider
- *
- * @param {string} source
- * @returns {import('mdx/types').MDXContent}
- */
-export function runMDX(source) {
-  const { default: content } = runSync(source, jsxRuntime);
-
-  return content;
+  return { MDXContent, headings, frontmatter };
 }

next.mdx.use.mjs

···
 'use strict';
 
-import NodeApiVersionLinks from '@/components/Docs/NodeApiVersionLinks';
-import DownloadReleasesTable from '@/components/Downloads/DownloadReleasesTable';
-import Banner from '@/components/Home/Banner';
-import HomeDownloadButton from '@/components/Home/HomeDownloadButton';
-import LocalizedLink from '@/components/LocalizedLink';
-import { WithNodeRelease } from '@/providers/withNodeRelease';
+import NodeApiVersionLinks from './components/Docs/NodeApiVersionLinks';
+import DownloadReleasesTable from './components/Downloads/DownloadReleasesTable';
+import Banner from './components/Home/Banner';
+import HomeDownloadButton from './components/Home/HomeDownloadButton';
+import { WithNodeRelease } from './components/withNodeRelease';
+import { Link } from './navigation.mjs';
 
 /**
  * A full list of React Components that we want to passthrough to MDX
···
  * @type {import('mdx/types').MDXComponents}
  */
 export const htmlComponents = {
-  a: LocalizedLink,
+  a: Link,
   blockquote: ({ children }) => <div className="highlight-box">{children}</div>,
 };

next.rewrites.mjs

···
 'use strict';
 
 import { siteRedirects } from './next.json.mjs';
-import { availableLocales } from './next.locales.mjs';
-
-// We only need Locale Codes for our URL redirects and rewrties
-const localeCodes = availableLocales.map(locale => locale.code);
+import { availableLocaleCodes } from './next.locales.mjs';
 
 // This allows us to prefix redirects with all available locale codes so that redirects are not bound to a single locale
 // This also transforms the locale itself as a matching group that can be used for rewrites
···
 // Example: /:locale(ar/|ca/|de/|en/|es/|fa/|fr/|)about/security
 // Would match /ar/about/security, /ar/about/security/ for every language code (replace "ar") and
 // it would also match /about/security (without any language prefix)
-const localesMatch = `/:locale(${localeCodes.join('|')}|)?/`;
+const localesMatch = `/:locale(${availableLocaleCodes.join('|')}|)?/`;
 
 /**
  * These are external redirects that happen before we check dynamic routes and rewrites

package-lock.json

···
         "husky": "8.0.3",
         "lint-staged": "14.0.1",
         "next": "~14.0.0",
+        "next-intl": "^3.0.0-rc.7",
         "next-themes": "~0.2.1",
         "postcss": "~8.4.30",
         "postcss-calc": "~9.0.1",
···
         "postcss-simple-vars": "~7.0.1",
         "react": "^18.2.0",
         "react-dom": "^18.2.0",
-        "react-intl": "~6.4.7",
         "rehype-autolink-headings": "~7.0.0",
         "rehype-slug": "~6.0.0",
         "remark-gfm": "~4.0.0",
···
       "resolved": "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.1.4.tgz",
       "integrity": "sha512-qprfWkn82Iw821mcKofJ5Pk9wgioHicxcQMxx+5zt5GSKoqdWvgG5AxVmpmUUjzTLPVSH5auBrhI93Deayn/DA=="
     },
-    "node_modules/@formatjs/ecma402-abstract": {
-      "version": "1.17.2",
-      "resolved": "https://registry.npmjs.org/@formatjs/ecma402-abstract/-/ecma402-abstract-1.17.2.tgz",
-      "integrity": "sha512-k2mTh0m+IV1HRdU0xXM617tSQTi53tVR2muvYOsBeYcUgEAyxV1FOC7Qj279th3fBVQ+Dj6muvNJZcHSPNdbKg==",
-      "dependencies": {
-        "@formatjs/intl-localematcher": "0.4.2",
-        "tslib": "^2.4.0"
-      }
-    },
-    "node_modules/@formatjs/fast-memoize": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/@formatjs/fast-memoize/-/fast-memoize-2.2.0.tgz",
-      "integrity": "sha512-hnk/nY8FyrL5YxwP9e4r9dqeM6cAbo8PeU9UjyXojZMNvVad2Z06FAVHyR3Ecw6fza+0GH7vdJgiKIVXTMbSBA==",
-      "dependencies": {
-        "tslib": "^2.4.0"
-      }
-    },
-    "node_modules/@formatjs/icu-messageformat-parser": {
-      "version": "2.6.2",
-      "resolved": "https://registry.npmjs.org/@formatjs/icu-messageformat-parser/-/icu-messageformat-parser-2.6.2.tgz",
-      "integrity": "sha512-nF/Iww7sc5h+1MBCDRm68qpHTCG4xvGzYs/x9HFcDETSGScaJ1Fcadk5U/NXjXeCtzD+DhN4BAwKFVclHfKMdA==",
-      "dependencies": {
-        "@formatjs/ecma402-abstract": "1.17.2",
-        "@formatjs/icu-skeleton-parser": "1.6.2",
-        "tslib": "^2.4.0"
-      }
-    },
-    "node_modules/@formatjs/icu-skeleton-parser": {
-      "version": "1.6.2",
-      "resolved": "https://registry.npmjs.org/@formatjs/icu-skeleton-parser/-/icu-skeleton-parser-1.6.2.tgz",
-      "integrity": "sha512-VtB9Slo4ZL6QgtDFJ8Injvscf0xiDd4bIV93SOJTBjUF4xe2nAWOoSjLEtqIG+hlIs1sNrVKAaFo3nuTI4r5ZA==",
-      "dependencies": {
-        "@formatjs/ecma402-abstract": "1.17.2",
-        "tslib": "^2.4.0"
-      }
-    },
-    "node_modules/@formatjs/intl": {
-      "version": "2.9.3",
-      "resolved": "https://registry.npmjs.org/@formatjs/intl/-/intl-2.9.3.tgz",
-      "integrity": "sha512-hclPdyCF1zk2XmhgdXfl5Sd30QEdRBnIijH7Vc1AWz2K0/saVRrxuL3UYn+m3xEyfOa4yDbTWVbmXDL0XEzlsQ==",
-      "dependencies": {
-        "@formatjs/ecma402-abstract": "1.17.2",
-        "@formatjs/fast-memoize": "2.2.0",
-        "@formatjs/icu-messageformat-parser": "2.6.2",
-        "@formatjs/intl-displaynames": "6.5.2",
-        "@formatjs/intl-listformat": "7.4.2",
-        "intl-messageformat": "10.5.3",
-        "tslib": "^2.4.0"
-      },
-      "peerDependencies": {
-        "typescript": "^4.7 || 5"
-      },
-      "peerDependenciesMeta": {
-        "typescript": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@formatjs/intl-displaynames": {
-      "version": "6.5.2",
-      "resolved": "https://registry.npmjs.org/@formatjs/intl-displaynames/-/intl-displaynames-6.5.2.tgz",
-      "integrity": "sha512-uC2VBlz+WydGTDDpJwMTQuPH3CUpTricr91WH1QMfz5oEHg2sB7mUERcZONE/lu8MOe1jREIx4vBciZEVTqkmA==",
-      "dependencies": {
-        "@formatjs/ecma402-abstract": "1.17.2",
-        "@formatjs/intl-localematcher": "0.4.2",
-        "tslib": "^2.4.0"
-      }
-    },
-    "node_modules/@formatjs/intl-listformat": {
-      "version": "7.4.2",
-      "resolved": "https://registry.npmjs.org/@formatjs/intl-listformat/-/intl-listformat-7.4.2.tgz",
-      "integrity": "sha512-+6bSVudEQkf12Hh7kuKt8Xv/MyFlqdwA4V4NLnTZW8uYdF9RxlOELDD0rPaOc2++TMKIzI5o6XXwHPvpL6VrPA==",
-      "dependencies": {
-        "@formatjs/ecma402-abstract": "1.17.2",
-        "@formatjs/intl-localematcher": "0.4.2",
-        "tslib": "^2.4.0"
-      }
-    },
-    "node_modules/@formatjs/intl-localematcher": {
-      "version": "0.4.2",
-      "resolved": "https://registry.npmjs.org/@formatjs/intl-localematcher/-/intl-localematcher-0.4.2.tgz",
-      "integrity": "sha512-BGdtJFmaNJy5An/Zan4OId/yR9Ih1OojFjcduX/xOvq798OgWSyDtd6Qd5jqJXwJs1ipe4Fxu9+cshic5Ox2tA==",
-      "dependencies": {
-        "tslib": "^2.4.0"
-      }
-    },
     "node_modules/@heroicons/react": {
       "version": "2.0.18",
       "resolved": "https://registry.npmjs.org/@heroicons/react/-/react-2.0.18.tgz",
···
         "@types/unist": "*"
       }
     },
-    "node_modules/@types/hoist-non-react-statics": {
-      "version": "3.3.1",
-      "resolved": "https://registry.npmjs.org/@types/hoist-non-react-statics/-/hoist-non-react-statics-3.3.1.tgz",
-      "integrity": "sha512-iMIqiko6ooLrTh1joXodJK5X9xeEALT1kM5G3ZLhD3hszxBdIEd5C75U834D9mLcINgD4OyZf5uQXjkuYydWvA==",
-      "dependencies": {
-        "@types/react": "*",
-        "hoist-non-react-statics": "^3.3.0"
-      }
-    },
     "node_modules/@types/html-minifier-terser": {
       "version": "6.1.0",
       "resolved": "https://registry.npmjs.org/@types/html-minifier-terser/-/html-minifier-terser-6.1.0.tgz",
···
     "node_modules/@types/prop-types": {
       "version": "15.7.5",
       "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.5.tgz",
-      "integrity": "sha512-JCB8C6SnDoQf0cNycqd/35A7MjcnK+ZTqE7judS6o7utxUCg6imJg3QK2qzHKszlTjcj2cn+NwMB2i96ubpj7w=="
+      "integrity": "sha512-JCB8C6SnDoQf0cNycqd/35A7MjcnK+ZTqE7judS6o7utxUCg6imJg3QK2qzHKszlTjcj2cn+NwMB2i96ubpj7w==",
+      "devOptional": true
     },
     "node_modules/@types/qs": {
       "version": "6.9.9",
···
       "version": "18.2.24",
       "resolved": "https://registry.npmjs.org/@types/react/-/react-18.2.24.tgz",
       "integrity": "sha512-Ee0Jt4sbJxMu1iDcetZEIKQr99J1Zfb6D4F3qfUWoR1JpInkY1Wdg4WwCyBjL257D0+jGqSl1twBjV8iCaC0Aw==",
+      "devOptional": true,
       "dependencies": {
         "@types/prop-types": "*",
         "@types/scheduler": "*",
···
     "node_modules/@types/scheduler": {
       "version": "0.16.3",
       "resolved": "https://registry.npmjs.org/@types/scheduler/-/scheduler-0.16.3.tgz",
-      "integrity": "sha512-5cJ8CB4yAx7BH1oMvdU0Jh9lrEXyPkar6F9G/ERswkCuvP4KQZfZkSjcMbAICCpQTN4OuZn8tz0HiKv9TGZgrQ=="
+      "integrity": "sha512-5cJ8CB4yAx7BH1oMvdU0Jh9lrEXyPkar6F9G/ERswkCuvP4KQZfZkSjcMbAICCpQTN4OuZn8tz0HiKv9TGZgrQ==",
+      "devOptional": true
     },
     "node_modules/@types/semver": {
       "version": "7.5.3",
···
     "node_modules/csstype": {
       "version": "3.1.2",
       "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.2.tgz",
-      "integrity": "sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ=="
+      "integrity": "sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ==",
+      "devOptional": true
     },
     "node_modules/damerau-levenshtein": {
       "version": "1.0.8",
···
         "minimalistic-crypto-utils": "^1.0.1"
       }
     },
-    "node_modules/hoist-non-react-statics": {
-      "version": "3.3.2",
-      "resolved": "https://registry.npmjs.org/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz",
-      "integrity": "sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==",
-      "dependencies": {
-        "react-is": "^16.7.0"
-      }
-    },
-    "node_modules/hoist-non-react-statics/node_modules/react-is": {
-      "version": "16.13.1",
-      "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
-      "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ=="
-    },
     "node_modules/hosted-git-info": {
       "version": "2.8.9",
       "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-2.8.9.tgz",
···
         "node": ">= 0.4"
       }
     },
-    "node_modules/intl-messageformat": {
-      "version": "10.5.3",
-      "resolved": "https://registry.npmjs.org/intl-messageformat/-/intl-messageformat-10.5.3.tgz",
-      "integrity": "sha512-TzKn1uhJBMyuKTO4zUX47SU+d66fu1W9tVzIiZrQ6hBqQQeYscBMIzKL/qEXnFbJrH9uU5VV3+T5fWib4SIcKA==",
-      "dependencies": {
-        "@formatjs/ecma402-abstract": "1.17.2",
-        "@formatjs/fast-memoize": "2.2.0",
-        "@formatjs/icu-messageformat-parser": "2.6.2",
-        "tslib": "^2.4.0"
-      }
-    },
     "node_modules/invariant": {
       "version": "2.2.4",
       "resolved": "https://registry.npmjs.org/invariant/-/invariant-2.2.4.tgz",
···
       "version": "0.6.3",
       "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.3.tgz",
       "integrity": "sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg==",
-      "dev": true,
       "engines": {
         "node": ">= 0.6"
       }
···
         "sass": {
           "optional": true
         }
+      }
+    },
+    "node_modules/next-intl": {
+      "version": "3.0.0-rc.7",
+      "resolved": "https://registry.npmjs.org/next-intl/-/next-intl-3.0.0-rc.7.tgz",
+      "integrity": "sha512-41gDE/WhqpT79UW4qgslB+FKdiBZHGND0Yfsy8f31lARZElCsQA177tDna87Nkzi2Ji//jHoJofoqlUKPXcIxw==",
+      "dependencies": {
+        "@formatjs/intl-localematcher": "^0.2.32",
+        "negotiator": "^0.6.3",
+        "use-intl": "3.0.0-rc.6"
+      },
+      "peerDependencies": {
+        "next": "^10.0.0 || ^11.0.0 || ^12.0.0 || ^13.0.0 || ^14.0.0",
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
+      }
+    },
+    "node_modules/next-intl/node_modules/@formatjs/intl-localematcher": {
+      "version": "0.2.32",
+      "resolved": "https://registry.npmjs.org/@formatjs/intl-localematcher/-/intl-localematcher-0.2.32.tgz",
+      "integrity": "sha512-k/MEBstff4sttohyEpXxCmC3MqbUn9VvHGlZ8fauLzkbwXmVrEeyzS+4uhrvAk9DWU9/7otYWxyDox4nT/KVLQ==",
+      "dependencies": {
+        "tslib": "^2.4.0"
       }
     },
     "node_modules/next-themes": {
···
       "dev": true,
       "peerDependencies": {
         "react": "^16.8.4 || ^17.0.0 || ^18.0.0"
-      }
-    },
-    "node_modules/react-intl": {
-      "version": "6.4.7",
-      "resolved": "https://registry.npmjs.org/react-intl/-/react-intl-6.4.7.tgz",
-      "integrity": "sha512-0hnOHAZhxTFqD1hGTxrF40qNyZJPPYiGhWIIxIz0Udz+3e3c7sdN80qlxArR+AbJ+jb5ALXZkJYH20+GPFCM0Q==",
-      "dependencies": {
-        "@formatjs/ecma402-abstract": "1.17.2",
-        "@formatjs/icu-messageformat-parser": "2.6.2",
-        "@formatjs/intl": "2.9.3",
-        "@formatjs/intl-displaynames": "6.5.2",
-        "@formatjs/intl-listformat": "7.4.2",
-        "@types/hoist-non-react-statics": "^3.3.1",
-        "@types/react": "16 || 17 || 18",
-        "hoist-non-react-statics": "^3.3.2",
-        "intl-messageformat": "10.5.3",
-        "tslib": "^2.4.0"
-      },
-      "peerDependencies": {
-        "react": "^16.6.0 || 17 || 18",
-        "typescript": "^4.7 || 5"
-      },
-      "peerDependenciesMeta": {
-        "typescript": {
-          "optional": true
-        }
       }
     },
     "node_modules/react-is": {
···
         "@types/react": {
           "optional": true
         }
+      }
+    },
+    "node_modules/use-intl": {
+      "version": "3.0.0-rc.6",
+      "resolved": "https://registry.npmjs.org/use-intl/-/use-intl-3.0.0-rc.6.tgz",
+      "integrity": "sha512-vkPHZFFTrt/GnLPVn0HdCUeU+BgtitkuONa9e+XC3IeItd6RxJ28RMbAK43QI726N/CrAjds/fGjI8BF21u6Hw==",
+      "dependencies": {
+        "@formatjs/ecma402-abstract": "^1.11.4",
+        "intl-messageformat": "^9.3.18"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
+      }
+    },
+    "node_modules/use-intl/node_modules/@formatjs/ecma402-abstract": {
+      "version": "1.11.4",
+      "resolved": "https://registry.npmjs.org/@formatjs/ecma402-abstract/-/ecma402-abstract-1.11.4.tgz",
+      "integrity": "sha512-EBikYFp2JCdIfGEb5G9dyCkTGDmC57KSHhRQOC3aYxoPWVZvfWCDjZwkGYHN7Lis/fmuWl906bnNTJifDQ3sXw==",
+      "dependencies": {
+        "@formatjs/intl-localematcher": "0.2.25",
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/use-intl/node_modules/@formatjs/fast-memoize": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/@formatjs/fast-memoize/-/fast-memoize-1.2.1.tgz",
+      "integrity": "sha512-Rg0e76nomkz3vF9IPlKeV+Qynok0r7YZjL6syLz4/urSg0IbjPZCB/iYUMNsYA643gh4mgrX3T7KEIFIxJBQeg==",
+      "dependencies": {
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/use-intl/node_modules/@formatjs/icu-messageformat-parser": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/@formatjs/icu-messageformat-parser/-/icu-messageformat-parser-2.1.0.tgz",
+      "integrity": "sha512-Qxv/lmCN6hKpBSss2uQ8IROVnta2r9jd3ymUEIjm2UyIkUCHVcbUVRGL/KS/wv7876edvsPe+hjHVJ4z8YuVaw==",
+      "dependencies": {
+        "@formatjs/ecma402-abstract": "1.11.4",
+        "@formatjs/icu-skeleton-parser": "1.3.6",
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/use-intl/node_modules/@formatjs/icu-skeleton-parser": {
+      "version": "1.3.6",
+      "resolved": "https://registry.npmjs.org/@formatjs/icu-skeleton-parser/-/icu-skeleton-parser-1.3.6.tgz",
+      "integrity": "sha512-I96mOxvml/YLrwU2Txnd4klA7V8fRhb6JG/4hm3VMNmeJo1F03IpV2L3wWt7EweqNLES59SZ4d6hVOPCSf80Bg==",
+      "dependencies": {
+        "@formatjs/ecma402-abstract": "1.11.4",
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/use-intl/node_modules/@formatjs/intl-localematcher": {
+      "version": "0.2.25",
+      "resolved": "https://registry.npmjs.org/@formatjs/intl-localematcher/-/intl-localematcher-0.2.25.tgz",
+      "integrity": "sha512-YmLcX70BxoSopLFdLr1Ds99NdlTI2oWoLbaUW2M406lxOIPzE1KQhRz2fPUkq34xVZQaihCoU29h0KK7An3bhA==",
+      "dependencies": {
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/use-intl/node_modules/intl-messageformat": {
+      "version": "9.13.0",
+      "resolved": "https://registry.npmjs.org/intl-messageformat/-/intl-messageformat-9.13.0.tgz",
+      "integrity": "sha512-7sGC7QnSQGa5LZP7bXLDhVDtQOeKGeBFGHF2Y8LVBwYZoQZCgWeKoPGTa5GMG8g/TzDgeXuYJQis7Ggiw2xTOw==",
+      "dependencies": {
+        "@formatjs/ecma402-abstract": "1.11.4",
+        "@formatjs/fast-memoize": "1.2.1",
+        "@formatjs/icu-messageformat-parser": "2.1.0",
+        "tslib": "^2.1.0"
       }
     },
     "node_modules/use-resize-observer": {

package.json

···
     "scripts:release-post": "cross-env NODE_NO_WARNINGS=1 node scripts/release-post/index.mjs",
     "scripts:generate-next-data": "cross-env NODE_NO_WARNINGS=1 node scripts/generate-next-data/index.mjs",
     "preserve": "npm run scripts:generate-next-data",
-    "serve": "cross-env NODE_NO_WARNINGS=1 next dev --turbo",
+    "serve": "cross-env NODE_NO_WARNINGS=1 next dev",
     "prebuild": "npm run scripts:generate-next-data",
     "build": "cross-env NODE_NO_WARNINGS=1 next build",
     "start": "cross-env NODE_NO_WARNINGS=1 next start",
···
     "husky": "8.0.3",
     "lint-staged": "14.0.1",
     "next": "~14.0.0",
+    "next-intl": "^3.0.0-rc.7",
     "next-themes": "~0.2.1",
     "postcss": "~8.4.30",
     "postcss-calc": "~9.0.1",
···
     "postcss-simple-vars": "~7.0.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "react-intl": "~6.4.7",
     "rehype-autolink-headings": "~7.0.0",
     "rehype-slug": "~6.0.0",
     "remark-gfm": "~4.0.0",

pages/404.tsx

···
-import type { GetStaticProps } from 'next';
-import { FormattedMessage } from 'react-intl';
-
-import Theme from '@/theme';
-
-const NotFound = () => (
-  <Theme>
-    <h2>
-      <FormattedMessage id="pages.404.title" />
-    </h2>
-    <h3>
-      <FormattedMessage id="pages.404.description" />
-    </h3>
-  </Theme>
-);
-
-export default NotFound;
-
-// We require `getStaticProps` to ensure that this component is not rendered on server-side
-// as the router will always treat the path as /404 despite the actual URL path not being /404
-export const getStaticProps: GetStaticProps = () => ({ props: {} });

pages/[...path].tsx

···
-import { sep } from 'node:path';
-
-import type {
-  GetStaticPaths,
-  GetStaticPathsResult,
-  GetStaticProps,
-} from 'next';
-
-import {
-  ENABLE_STATIC_EXPORT,
-  STATIC_ROUTES_IGNORES,
-  DYNAMIC_ROUTES_IGNORES,
-  DYNAMIC_ROUTES_REWRITES,
-  DYNAMIC_GENERATED_ROUTES,
-} from '@/next.constants.mjs';
-import {
-  getMarkdownFile,
-  generateStaticProps,
-  allPaths,
-} from '@/next.dynamic.mjs';
-import Theme from '@/theme';
-import type { DynamicStaticProps } from '@/types';
-
-type DynamicStaticPaths = { path: string[] };
-
-// This is a small utility that allows us to quickly separate locale from the remaning pathname
-const getLocaleAndPathname = ([locale, ...path]: string[] = []) => [
-  locale,
-  path.join('/'),
-];
-
-// This tests if the current pathname matches any expression that belongs
-// to the list of ignored routes and if it does we return `true` to indicate that
-const shouldIgnoreRoute = (pathname: string) =>
-  (pathname.length && DYNAMIC_ROUTES_IGNORES.some(e => e.test(pathname))) ||
-  false;
-
-// This tests if the current pathname matches any sort of rewrite rule
-// and if it does we return a the replacement expression for the pathname
-const getRouteWrite = (pathname: string) =>
-  (pathname.length &&
-    DYNAMIC_ROUTES_REWRITES.find(([e]) => e.test(pathname))) ||
-  [];
-
-// This maps a pathname into an actual route object that can be used
-const mapPathnameToRoute = (pathname: string) => ({
-  // we use a platform-specific separator to split the pathname
-  // since we're using filepaths here and not URL paths
-  params: { path: pathname.split(sep) },
-});
-
-// This method receives the props from `getStaticProps` and renders/builds the Markdown
-// content on demand by loading the file on the server-side and serializing the Markdown/MDX content
-export const getStaticProps: GetStaticProps<
-  DynamicStaticProps,
-  DynamicStaticPaths
-> = async ({ params = { path: [] } }) => {
-  const [locale, pathname] = getLocaleAndPathname(params.path);
-
-  // Retrieves and rewriting rule if the pathname matches any rule
-  const [, rewriteRule] = getRouteWrite(pathname);
-
-  // We retrieve the source of the Markdown file by doing an educated guess
-  // of what possible files could be the source of the page, since the extension
-  // context is lost from `getStaticProps` as a limitation of Next.js itself
-  const { source, filename } = getMarkdownFile(
-    locale,
-    rewriteRule ? rewriteRule(pathname) : pathname
-  );
-
-  // This parses the actual Markdown content and returns a full set of props
-  // to be passed to the base page (`DynamicPage`) which will render the Markdown
-  const staticProps = await generateStaticProps(source, filename);
-
-  // This checks if either we already determined the route does not exist or if we should ignore
-  // this route because it's on our ignored list
-  staticProps.notFound = staticProps.notFound || shouldIgnoreRoute(pathname);
-
-  // We add the extra `params` to the props as they're used within the `DynamicPage`
-  return staticProps;
-};
-
-// This method is used to retrieve all native statically supported pages (SCR) that
-// we want to provide during build-time + allow fallback for dynamic pages during (ISR)
-export const getStaticPaths: GetStaticPaths<DynamicStaticPaths> = async () => {
-  let paths: GetStaticPathsResult<DynamicStaticPaths>['paths'] = [];
-
-  if (ENABLE_STATIC_EXPORT) {
-    // Retrieves all the dynamic generated paths
-    const dynamicRoutes = DYNAMIC_GENERATED_ROUTES().map(mapPathnameToRoute);
-
-    // Retrieves all the static paths (from next.dynamic.mjs)
-    const staticPaths = [...allPaths.values()]
-      .flat()
-      .filter(route => STATIC_ROUTES_IGNORES.every(e => !e(route)))
-      .map(route => mapPathnameToRoute(route.routeWithLocale));
-
-    paths = staticPaths.concat(dynamicRoutes);
-  }
-
-  return { paths: paths.sort(), fallback: 'blocking' };
-};
-
-export default Theme;

pages/_app.tsx

···
-import { Analytics } from '@vercel/analytics/react';
-import type { AppProps } from 'next/app';
-import { Source_Sans_3 } from 'next/font/google';
-
-import { VERCEL_ENV } from '@/next.constants.mjs';
-import { BlogDataProvider } from '@/providers/blogDataProvider';
-import { LocaleProvider } from '@/providers/localeProvider';
-import { NodeReleasesProvider } from '@/providers/nodeReleasesProvider';
-import { SiteProvider } from '@/providers/siteProvider';
-import { ThemeProvider } from '@/providers/themeProvider';
-
-import '@/styles/old/index.css';
-
-const sourceSans = Source_Sans_3({
-  weight: ['400', '600'],
-  display: 'fallback',
-  subsets: ['latin'],
-});
-
-const App = ({ Component, pageProps }: AppProps) => (
-  <ThemeProvider>
-    <LocaleProvider>
-      <SiteProvider>
-        <NodeReleasesProvider>
-          <BlogDataProvider>
-            <Component {...pageProps} />
-          </BlogDataProvider>
-        </NodeReleasesProvider>
-      </SiteProvider>
-    </LocaleProvider>
-
-    {VERCEL_ENV && <Analytics />}
-
-    <style jsx global>
-      {`
-        body {
-          font-family: ${sourceSans.style.fontFamily};
-        }
-      `}
-    </style>
-  </ThemeProvider>
-);
-
-export default App;

pages/_document.tsx

···
-import { Html, Head, Main, NextScript } from 'next/document';
-
-const Document = () => (
-  <Html>
-    <Head />
-    <body>
-      <Main />
-
-      <NextScript />
-
-      <a rel="me" href="https://social.lfx.dev/@nodejs" />
-    </body>
-  </Html>
-);
-
-export default Document;

pages/en/about/index.md

···
 which allows you to share sockets between processes to enable load balancing
 over your cores.
 
-[blocking vs. non-blocking]: /docs/guides/blocking-vs-non-blocking
+[blocking vs. non-blocking]: /learn/asynchronous-work/overview-of-blocking-vs-non-blocking
 [`child_process.fork()`]: /api/child_process/
 [`cluster`]: https://nodejs.org/api/cluster.html
 [event machine]: https://github.com/eventmachine/eventmachine

pages/en/about/security-reporting.mdx

···
   style={{ display: 'inline-flex' }}
 >
   <img
+    alt="OpenSSF Badge"
     src="https://bestpractices.coreinfrastructure.org/projects/29/badge"
     style={{ display: 'inline' }}
   />

pages/en/blog/advisory-board/index.md

···
 ---
 title: Advisory Board
-layout: category-index.hbs
+layout: blog-categpry.hbs
 ---

pages/en/blog/announcements/index.md

···
 ---
 title: Announcements
-layout: category-index.hbs
+layout: blog-categpry.hbs
 ---

pages/en/blog/community/index.md

···
 ---
 title: Community
-layout: category-index.hbs
+layout: blog-categpry.hbs
 ---

pages/en/blog/feature/index.md

···
 ---
 title: Features
-layout: category-index.hbs
+layout: blog-categpry.hbs
 ---

pages/en/blog/index.md

···
 ---
 title: News
-layout: blog-index.hbs
+layout: blog-categpry.hbs
 ---

pages/en/blog/module/index.md

···
 ---
 title: Modules
-layout: category-index.hbs
+layout: blog-categpry.hbs
 ---

pages/en/blog/npm/index.md

···
 ---
 title: NPM
-layout: category-index.hbs
+layout: blog-categpry.hbs
 ---

pages/en/blog/pagination.md

···
 ---
 title: News from
-layout: blog-index.hbs
+layout: blog-categpry.hbs
 author: The Node.js Project
 ---

pages/en/blog/release/index.md

···
 ---
 title: Releases
-layout: category-index.hbs
+layout: blog-categpry.hbs
 ---

pages/en/blog/uncategorized/index.md

···
 ---
 title: Uncategorized
-layout: category-index.hbs
+layout: blog-categpry.hbs
 ---

pages/en/blog/video/index.md

···
 ---
 title: Videos
-layout: category-index.hbs
+layout: blog-categpry.hbs
 ---

pages/en/blog/vulnerability/index.md

···
 ---
 title: Vulnerabilities
-layout: category-index.hbs
+layout: blog-categpry.hbs
 ---

pages/en/blog/weekly-updates/index.md

···
 ---
 title: Weekly Updates
-layout: category-index.hbs
+layout: blog-categpry.hbs
 ---

pages/en/download/current.md

···
 ---
-layout: download-current.hbs
+layout: download.hbs
 title: Download
 download: Download
 downloads:

providers/blogDataProvider.tsx

···
-import { createContext } from 'react';
-import type { FC, PropsWithChildren } from 'react';
-
-import blogData from '@/public/blog-posts-data.json';
-import type { BlogData } from '@/types';
-
-export const BlogDataContext = createContext<BlogData>({
-  posts: [],
-  pagination: [],
-  categories: [],
-});
-
-export const BlogDataProvider: FC<PropsWithChildren> = ({ children }) => (
-  <BlogDataContext.Provider value={blogData}>
-    {children}
-  </BlogDataContext.Provider>
-);

providers/layoutProvider.tsx

···
-import { createContext, useMemo } from 'react';
-import type { FC, PropsWithChildren } from 'react';
-
-import AboutLayout from '@/layouts/AboutLayout';
-import BlogIndexLayout from '@/layouts/BlogIndexLayout';
-import BlogPostLayout from '@/layouts/BlogPostLayout';
-import CategoryIndexLayout from '@/layouts/CategoryIndexLayout';
-import ContributeLayout from '@/layouts/ContributeLayout';
-import DefaultLayout from '@/layouts/DefaultLayout';
-import DocsLayout from '@/layouts/DocsLayout';
-import DownloadCurrentLayout from '@/layouts/DownloadCurrentLayout';
-import DownloadLayout from '@/layouts/DownloadLayout';
-import IndexLayout from '@/layouts/IndexLayout';
-import LearnLayout from '@/layouts/LearnLayout';
-import type { LegacyFrontMatter, LegacyLayouts } from '@/types';
-
-type LayoutContextProps = {
-  frontMatter: LegacyFrontMatter;
-};
-
-export const LayoutContext = createContext<LayoutContextProps>({
-  frontMatter: {},
-});
-
-const getLegacyLayout = (layout: LegacyLayouts) => {
-  switch (layout) {
-    case 'about.hbs':
-      return AboutLayout;
-    case 'learn.hbs':
-      return LearnLayout;
-    case 'blog-index.hbs':
-      return BlogIndexLayout;
-    case 'blog-post.hbs':
-      return BlogPostLayout;
-    case 'category-index.hbs':
-      return CategoryIndexLayout;
-    case 'contribute.hbs':
-      return ContributeLayout;
-    case 'docs.hbs':
-      return DocsLayout;
-    case 'download.hbs':
-      return DownloadLayout;
-    case 'download-current.hbs':
-      return DownloadCurrentLayout;
-    case 'index.hbs':
-      return IndexLayout;
-    default:
-      return DefaultLayout;
-  }
-};
-
-type LayoutProviderProps = PropsWithChildren<LayoutContextProps>;
-
-export const LayoutProvider: FC<LayoutProviderProps> = ({
-  children,
-  frontMatter,
-}) => {
-  const LayoutComponent = useMemo(
-    () => getLegacyLayout(frontMatter.layout || 'page.hbs'),
-    [frontMatter.layout]
-  );
-
-  return (
-    <LayoutContext.Provider value={{ frontMatter }}>
-      <LayoutComponent>{children}</LayoutComponent>
-    </LayoutContext.Provider>
-  );
-};

providers/localeProvider.tsx

···
-import { createContext, useMemo } from 'react';
+import { useMessages, NextIntlClientProvider, useTimeZone } from 'next-intl';
 import type { FC, PropsWithChildren } from 'react';
-import { IntlProvider } from 'react-intl';
-
-import { useRouter } from '@/hooks/useRouter';
-import {
-  defaultLocale,
-  availableLocales,
-  getCurrentLocale,
-  getCurrentTranslations,
-} from '@/next.locales.mjs';
-import type { LocaleContext as LocaleContextType } from '@/types';
-
-// Initialises the Context with the default Localisation Data
-export const LocaleContext = createContext<LocaleContextType>({
-  currentLocale: defaultLocale,
-  availableLocales: availableLocales,
-  localeMessages: getCurrentTranslations(defaultLocale.code),
-  defaultLocale: defaultLocale,
-});
 
 export const LocaleProvider: FC<PropsWithChildren> = ({ children }) => {
-  const { query, asPath } = useRouter();
-
-  const localeData = useMemo(() => {
-    // Retrieves the current locale information from the route and query
-    const currentLocale = getCurrentLocale(asPath, query);
-
-    return {
-      currentLocale: currentLocale,
-      availableLocales: availableLocales,
-      defaultLocale: defaultLocale,
-      localeMessages: getCurrentTranslations(currentLocale.code),
-    };
-  }, [asPath, query]);
+  const messages = useMessages();
+  const timezone = useTimeZone();
 
   return (
-    <LocaleContext.Provider value={localeData}>
-      <IntlProvider
-        locale={localeData.currentLocale.hrefLang}
-        messages={localeData.localeMessages}
-        onError={() => null}
-      >
-        {children}
-      </IntlProvider>
-    </LocaleContext.Provider>
+    <NextIntlClientProvider messages={messages} timeZone={timezone}>
+      {children}
+    </NextIntlClientProvider>
   );
 };

providers/matterProvider.tsx

···
+'use client';
+
+import type { Heading } from '@vcarl/remark-headings';
+import { createContext } from 'react';
+import type { FC, PropsWithChildren } from 'react';
+
+import type { LegacyFrontMatter } from '@/types';
+
+type MatterContext = { matter: LegacyFrontMatter; headings: Heading[] };
+
+export const MatterContext = createContext<MatterContext>({
+  matter: {},
+  headings: [],
+});
+
+type MatterProviderProps = PropsWithChildren<{
+  matter: LegacyFrontMatter;
+  headings: Heading[];
+}>;
+
+export const MatterProvider: FC<MatterProviderProps> = ({
+  matter,
+  headings,
+  children,
+}) => (
+  <MatterContext.Provider value={{ matter, headings }}>
+    {children}
+  </MatterContext.Provider>
+);

providers/mdxProvider.tsx

···
-import type { MDXComponents } from 'mdx/types';
-import { useMemo } from 'react';
-import type { FC } from 'react';
-
-import { runMDX } from '@/next.mdx.compiler.mjs';
-import { htmlComponents, mdxComponents } from '@/next.mdx.use.mjs';
-
-// Combine all MDX Components to be used
-const combinedComponents: MDXComponents = {
-  ...htmlComponents,
-  ...mdxComponents,
-};
-
-export const MDXProvider: FC<{ content: string }> = ({ content }) => {
-  // Parses the MDX Function and eval's it into a React Component
-  // We don't need asynchronous runtime here as we want to render the MDX
-  // as soon as it is available and be able to make initial renders
-  const MDXContent = useMemo(() => runMDX(content), [content]);
-
-  return <MDXContent components={combinedComponents} />;
-};

providers/nodeReleasesProvider.tsx

···
-import { createContext, useMemo } from 'react';
-import type { FC, PropsWithChildren } from 'react';
-
-import { releaseData } from '@/next.json.mjs';
-import type { NodeReleaseSource, NodeRelease } from '@/types';
-import { getNodeReleaseStatus } from '@/util/nodeRelease';
-
-export const NodeReleasesContext = createContext<NodeRelease[]>([]);
-
-export const NodeReleasesProvider: FC<PropsWithChildren> = ({ children }) => {
-  const releases = useMemo(() => {
-    const now = new Date();
-
-    return releaseData.map((raw: NodeReleaseSource) => {
-      const support = {
-        currentStart: raw.currentStart,
-        ltsStart: raw.ltsStart,
-        maintenanceStart: raw.maintenanceStart,
-        endOfLife: raw.endOfLife,
-      };
-
-      const status = getNodeReleaseStatus(now, support);
-
-      return {
-        ...support,
-        major: raw.major,
-        version: raw.version,
-        versionWithPrefix: `v${raw.version}`,
-        codename: raw.codename || '',
-        isLts: status === 'Active LTS' || status === 'Maintenance LTS',
-        status: status,
-        npm: raw.npm || '',
-        v8: raw.v8 || '',
-        releaseDate: raw.releaseDate || '',
-        modules: raw.modules || '',
-      };
-    });
-  }, []);
-
-  return (
-    <NodeReleasesContext.Provider value={releases}>
-      {children}
-    </NodeReleasesContext.Provider>
-  );
-};

providers/notificationProvider.tsx

···
   duration: number;
 } | null;
 
-type NotificationProps = {
-  viewportClassName?: string;
-};
+type NotificationProps = { viewportClassName?: string };
 
 const NotificationContext = createContext<NotificationContextType>(null);
 

providers/siteProvider.tsx

···
-import { createContext } from 'react';
-import type { FC, PropsWithChildren } from 'react';
-
-import { siteConfig } from '@/next.json.mjs';
-import type { SiteConfig } from '@/types';
-
-const config = siteConfig as SiteConfig;
-
-export const SiteContext = createContext<SiteConfig>(config);
-
-export const SiteProvider: FC<PropsWithChildren> = ({ children }) => (
-  <SiteContext.Provider value={config}>{children}</SiteContext.Provider>
-);

providers/themeProvider.tsx

···
+'use client';
+
 import { ThemeProvider as NextThemeProvider } from 'next-themes';
 import type { FC, PropsWithChildren } from 'react';
 
-import { THEME_LOCAL_STORAGE_KEY } from '@/next.constants.mjs';
+import { THEME_STORAGE_KEY } from '@/next.constants.mjs';
 
 export const ThemeProvider: FC<PropsWithChildren> = ({ children }) => (
   <NextThemeProvider
     attribute="data-theme"
-    storageKey={THEME_LOCAL_STORAGE_KEY}
-    enableSystem={true}
-    enableColorScheme={true}
+    defaultTheme="dark"
+    storageKey={THEME_STORAGE_KEY}
+    enableSystem={false}
   >
     {children}
   </NextThemeProvider>

providers/withNodeRelease.tsx

···
-import { useMemo } from 'react';
-import type { FC } from 'react';
-
-import { useNodeReleases } from '@/hooks/useNodeReleases';
-import type { NodeRelease, NodeReleaseStatus } from '@/types';
-import { isNodeRelease } from '@/util/nodeRelease';
-
-type WithNodeReleaseProps = {
-  status: NodeReleaseStatus[] | NodeReleaseStatus;
-  children: FC<{ release: NodeRelease }>;
-};
-
-export const WithNodeRelease: FC<WithNodeReleaseProps> = ({
-  status,
-  children: Component,
-}) => {
-  const { getReleaseByStatus } = useNodeReleases();
-
-  const [release] = useMemo(
-    () =>
-      [status]
-        .flat()
-        .map(s => getReleaseByStatus(s))
-        .filter(s => !!s),
-    [status, getReleaseByStatus]
-  );
-
-  if (release !== undefined && isNodeRelease(release)) {
-    return <Component release={release} />;
-  }
-
-  return null;
-};

site.json

···
 {
   "title": "Node.js",
   "description": "Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.",
-  "featuredImage": "/static/images/logo-hexagon-card.png",
   "favicon": "/static/images/favicons/favicon.png",
   "accentColor": "#333",
-  "og": {
-    "imgType": "image/png",
-    "imgWidth": "224",
-    "imgHeight": "256"
-  },
   "twitter": {
     "username": "@nodejs",
     "card": "summary",
···
       "startDate": "2023-10-13T13:30:00.000Z",
       "endDate": "2023-10-19T13:30:00.000Z",
       "text": "Security releases now available",
-      "link": "https://nodejs.org/en/blog/vulnerability/october-2023-security-releases/"
+      "link": "https://nodejs.org/en/blog/vulnerability/october-2023-security-releases/",
+      "html": null
     }
   },
   "footerLinks": [

styles/old/index.css

···
 @import 'page-modules/anchorLinks';
 @import 'page-modules/prev-next-navigation';
 
-* {
-  transition: background-color $dark-transition-time ease;
-}
-
 article a {
   word-break: break-word;
 }

styles/old/page-modules/header.css

···
 
   .header-background-fill {
     fill: $node-gray;
-    transition: fill $dark-transition-time ease;
   }
 
   .switchers {

styles/old/page-modules/scrollToTop.css

···
     scroll-behavior: auto;
   }
 }
-
-#scroll-to-top {
-  animation: button-fade 0.5s 1s 1 forwards;
-  background-color: $node-green;
-  border: 1px solid $node-green;
-  border-radius: 4px;
-  bottom: 10%;
-  color: $white;
-  display: none;
-  font-size: 1rem;
-  margin-right: 15px;
-  min-width: 20px;
-  opacity: 0;
-  padding: 0 5px 1px;
-  position: fixed;
-  right: 0;
-  text-align: center;
-
-  span {
-    display: flex;
-    flex-direction: row;
-    padding: 5px;
-  }
-
-  @keyframes button-fade {
-    0% {
-      opacity: 0;
-    }
-
-    100% {
-      opacity: 1;
-    }
-  }
-}

styles/old/variables.css

···
 $black-alpha-12: #00000012;
 $black-alpha-0f: #0000000f;
 
-$dark-transition-time: 0.24s;
 $dark-black: #090c15;
 $dark-black2: #233056;
 $dark-black3: #23305671;

theme.tsx

···
-import { memo } from 'react';
-import type { FC, PropsWithChildren } from 'react';
-
-import HtmlHead from './components/HtmlHead';
-import { LayoutProvider } from './providers/layoutProvider';
-import { MDXProvider } from './providers/mdxProvider';
-import type { DynamicStaticProps } from './types';
-
-type ThemeProps = PropsWithChildren<DynamicStaticProps>;
-
-// This is the Dynamic Page Theme Component that supports Dynamic MDX Page Rendering
-// With the dynamic MDXProvider Component.
-// @TODO: When migrating to the new Layout approach, each Layout should manually invoke the MDXProvider
-// @TODO: And use the MDX Content, Frontmatter, Headings and Children as seemed fit.
-const Theme: FC<ThemeProps> = ({ content, frontmatter = {}, children }) => (
-  <>
-    <HtmlHead frontMatter={frontmatter} />
-    <LayoutProvider frontMatter={frontmatter}>
-      {content && <MDXProvider content={content} />}
-
-      {children}
-    </LayoutProvider>
-  </>
-);
-
-export default memo(
-  Theme,
-  // The Theme Component is supposed to be used only for static Children or MDXRemote content
-  // that comes from `getStaticProps`. This means that the `props` should never change.
-  // At least the `props.content` should never. We should not calculate based on `children`
-  // As this component should never have a dynamic children
-  (
-    { content: pContent, frontmatter: pFrontmatter },
-    { content: nContent, frontmatter: nFrontmatter }
-  ) =>
-    JSON.stringify([pContent, pFrontmatter]) ===
-    JSON.stringify([nContent, nFrontmatter])
-);

types/api.ts

···
-export interface ApiChange {
-  version: string | string[];
-  'pr-url': string;
-  description: string;
-}
-
-export interface ApiUpdate {
-  type: 'added' | 'removed' | 'deprecated' | 'introduced_in' | 'napiVersion';
-  version: string[];
-}

types/dropdown.ts

···
-export interface DropdownItem {
-  title: string;
-  label: string;
-  onClick: () => void;
-  active?: boolean;
-}

types/dynamic.ts

···
-import type { Heading } from '@vcarl/remark-headings';
-
-import type { LegacyFrontMatter } from './frontmatter';
-
-export interface DynamicStaticProps {
-  content?: string;
-  frontmatter?: LegacyFrontMatter;
-  headings?: Heading[];
-}

types/frontmatter.ts

···
 import type { LegacyLayouts } from './layouts';
 
-// @TODO: This is the legacy frontmatter configuration going to be replaced in the future with the `ndoejs/nodejs.dev` one
-// this is going to be done via a script that replaces layouts
-// Note.: The current legacy pages have other frontmatter entries but they're irrelevant
-export interface LegacyFrontMatter {
+// @TODO: Extra data from Frontmatter should not be a thing in the future
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export interface LegacyFrontMatter extends Record<string, any> {
   layout?: LegacyLayouts;
   title?: string;
-  robots?: string;
   labels?: Record<string, string>;
 }
 
-// @TODO: This is the legacy frontmatter configuration going to be replaced in the future with the `ndoejs/nodejs.dev` one
-// this is going to be done via a script that replaces layouts
+// @TODO: Extra data from Frontmatter should not be a thing in the future
 export interface LegacyBlogFrontMatter extends LegacyFrontMatter {
   author: string;
   date: string;
 }
 
+// @TODO: Extra data from Frontmatter should not be a thing in the future
 export interface LegacyDownloadsFrontMatter extends LegacyFrontMatter {
   downloads: Record<string, string>;
   additional: Record<string, string>;
 }
-
-export interface LegacyDownloadsReleasesFrontMatter extends LegacyFrontMatter {
-  modules: string;
-}

types/i18n.ts

···
   hrefLang: string;
   enabled: boolean;
 }
-
-export interface LocaleContext {
-  localeMessages: Record<string, string>;
-  availableLocales: LocaleConfig[];
-  currentLocale: LocaleConfig;
-  defaultLocale: LocaleConfig;
-}

types/index.ts

···
-export * from './api';
 export * from './blog';
 export * from './config';
-export * from './dropdown';
 export * from './features';
 export * from './frontmatter';
 export * from './i18n';
 export * from './layouts';
 export * from './navigation';
-export * from './prevNextLink';
 export * from './releases';
-export * from './dynamic';
+export * from './redirects';
+export * from './server';

types/layouts.ts

···
 export type LegacyLayouts =
   | 'about.hbs'
   | 'learn.hbs'
-  | 'blog-index.hbs'
+  | 'blog-categpry.hbs'
   | 'blog-post.hbs'
-  | 'category-index.hbs'
   | 'contribute.hbs'
   | 'index.hbs'
   | 'docs.hbs'
   | 'download.hbs'
-  | 'download-current.hbs'
   | 'page.hbs';

types/prevNextLink.ts

···
-export interface LinkInfo {
-  slug: string;
-}

types/redirects.ts

···
+export interface Redirect {
+  source: string;
+  destination: string;
+}

types/releases.ts

···
   isLts: boolean;
   status: NodeReleaseStatus;
 }
-
-export type NodeReleaseSupport = Pick<
-  NodeRelease,
-  'currentStart' | 'ltsStart' | 'maintenanceStart' | 'endOfLife'
->;

types/server.ts

···
+import type { Heading } from '@vcarl/remark-headings';
+
+import type { LegacyFrontMatter } from './frontmatter';
+
+export interface ClientSharedServerContext {
+  frontmatter: LegacyFrontMatter;
+  headings: Heading[];
+  pathname: string;
+}

util/__tests__/downloadUrlByOS.test.ts util/__tests__/downloadUrlByOS.test.mjs

···
   it('returns the default download URL for other operating systems', () => {
     const os = 'OTHER';
     const bitness = 86;
-    const expectedUrl = 'https://nodejs.org/dist/v18.16.0/node-v18.16.0.tar.gz';
+    const expectedUrl = 'https://nodejs.org/dist/v18.16.0/node-v18.16.0.tar.xz';
 
     expect(downloadUrlByOS(version, os, bitness)).toBe(expectedUrl);
   });

util/isAbsoluteUrl.ts

···
-export const isAbsoluteUrl = (link: string) => /^https?:\/\//.test(link);

util/linkWithLocale.ts

···
-import type { UrlObject } from 'url';
-
-export const linkWithLocale = (locale: string) => {
-  return (path: string | UrlObject) => {
-    path = path.toString();
-    return path === '/' ? `/${locale}` : `/${locale}${path}`;
-  };
-};

util/nodeRelease.ts

···
-import type {
-  NodeRelease,
-  NodeReleaseStatus,
-  NodeReleaseSupport,
-} from '@/types/releases';
-
-export const isNodeRelease = (release: NodeRelease) =>
-  typeof release === 'object' && release?.version;
-
-export const getNodeReleaseStatus = (
-  now: Date,
-  support: NodeReleaseSupport
-): NodeReleaseStatus => {
-  if (support.endOfLife) {
-    if (now > new Date(support.endOfLife)) {
-      return 'End-of-life';
-    }
-  }
-
-  if (support.maintenanceStart) {
-    if (now > new Date(support.maintenanceStart)) {
-      return 'Maintenance LTS';
-    }
-  }
-
-  if (support.ltsStart) {
-    if (now > new Date(support.ltsStart)) {
-      return 'Active LTS';
-    }
-  }
-
-  if (support.currentStart) {
-    if (now >= new Date(support.currentStart)) {
-      return 'Current';
-    }
-  }
-
-  return 'Pending';
-};

util/parseApiDocsVersion.ts

···
-export const parseApiDocsVersion = (version: string | string[]): string =>
-  typeof version === 'string' ? version : version.join(', ');