feat: introduced base website redesign layouts (#6145)

* refactor: updated components to be functional for website redesign

* chore: hooks separate generic hooks

* chore: updated storybook previews for redesign

* chore: removed other languages as they will be translated on crowdin

* fix: updated base styles for redesign

* chore: updated types

* feat: added new layouts (base, and article layout) and related "providers"

* feat: updated mdx engine and shared context and app layouts

* meta: updated packages, navigation, tailwind config, etc

* chore: moved package to prod deps

* fix: mocked module

* chore: design fixes

* fix: last story fix

* meta: mismatch of lock file

* fix: fixed styles and minor content-wise bug fixes

* fix: home icon go home

* chore: home aria label

* chore: some minimum design fixes

* refactor: paddings merged

* refactor: footer top border added

* fix: contrast ratio on dark mode breadcrumb

* fix: colspan changed to 2 for missing border

* fix: old layout table heading

* refactor: gradient and shadow colors replaced with theme colors

* chore: moved the `with` components to `components`

* refactor: tw config alpha channel and xl content padding

---------

Co-authored-by: Caner Akdas <[e-mail]>

.storybook/constants.ts

···
-import { Open_Sans, IBM_Plex_Mono } from 'next/font/google';
-
 // This defines "execution" modes that Chromatic will run on the each Storybook Story
 // This allows us to test each Story with different parameters
 // @see https://www.chromatic.com/blog/introducing-story-modes/
···
   small: { name: 'Small', styles: { width: '414px', height: '896px' } },
   large: { name: 'Large', styles: { width: '1024px', height: '768px' } },
 };
-
-// This configures the Next.js Font for Open Sans
-// We then export a variable and class name to be used
-// within Tailwind (tailwind.config.ts) and Storybook (preview.js)
-export const OPEN_SANS_FONT = Open_Sans({
-  weight: ['300', '400', '600', '700'],
-  display: 'fallback',
-  subsets: ['latin'],
-  variable: '--font-open-sans',
-});
-
-// This configures the Next.js Font for IBM Plex Mono
-// We then export a variable and class name to be used
-// within Tailwind (tailwind.config.ts) and Storybook (preview.js)
-export const IBM_PLEX_MONO_FONT = IBM_Plex_Mono({
-  weight: ['600'],
-  subsets: ['latin'],
-  variable: '--font-ibm-plex-mono',
-});

.storybook/main.ts

···
   // note: this is hard-coded sadly as next/font can only be loaded within next.js context
   '__variable_open-sans-normal',
   // note: this is hard-coded sadly as next/font can only be loaded within next.js context
-  '__variable_ibm-plex-mono-normal-600',
-  'font-open-sans',
-  'bg-white',
-  'text-neutral-950',
-  'dark:bg-neutral-950',
-  'dark:text-white'
+  '__variable_ibm-plex-mono-normal-600'
 );
 
 const config: StorybookConfig = {

.storybook/preview.tsx

···
 
 import englishLocale from '@/i18n/locales/en.json';
 
+import '../next.fonts';
 import '../styles/new/index.css';
 
 const preview: Preview = {

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

···
   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 } =
+    const { MDXContent, frontmatter, headings, readingTime } =
       await dynamicRouter.getMDXContent(source, filename);
 
+    // Metadata and shared Context to be available through the lifecycle of the page
+    const sharedContext = {
+      frontmatter,
+      headings,
+      pathname: `/${pathname}`,
+      readingTime,
+      filename,
+    };
+
     // Defines a shared Server Context for the Client-Side
     // That is shared for all pages under the dynamic router
-    setClientContext({ frontmatter, headings, pathname });
+    setClientContext(sharedContext);
 
+    // The Matter Provider allows Client-Side injection of the data
+    // to a shared React Client Provider even though the page is rendered
+    // within a server-side context
     return (
-      <MatterProvider matter={frontmatter} headings={headings}>
+      <MatterProvider {...sharedContext}>
         <WithLayout layout={frontmatter.layout}>
           <MDXRenderer Component={MDXContent} />
         </WithLayout>

app/[locale]/layout.tsx

···
 import { Analytics } from '@vercel/analytics/react';
-import { Source_Sans_3 } from 'next/font/google';
+import classNames from 'classnames';
 import { getLocale } from 'next-intl/server';
 import type { FC, PropsWithChildren } from 'react';
 
-import BaseLayout from '@/layouts/BaseLayout';
-import { VERCEL_ENV } from '@/next.constants.mjs';
+import LegacyBaseLayout from '@/layouts/BaseLayout';
+import NewBaseLayout from '@/layouts/New/Base';
+import { ENABLE_WEBSITE_REDESIGN, VERCEL_ENV } from '@/next.constants.mjs';
+import { IBM_PLEX_MONO, OPEN_SANS, SOURCE_SANS } from '@/next.fonts';
 import { availableLocalesMap, defaultLocale } from '@/next.locales.mjs';
 import { LocaleProvider } from '@/providers/localeProvider';
 import { ThemeProvider } from '@/providers/themeProvider';
 
-import '@/styles/old/index.css';
+// Uses a WebPack/TurboPack Alias for resolving Global Styles
+// @deprecated remove when website redesign is done
+// eslint-disable-next-line import/no-unresolved
+import 'globalStyles';
 
-const sourceSans = Source_Sans_3({
-  weight: ['400', '600'],
-  display: 'fallback',
-  subsets: ['latin'],
+// Defines the App Fonts based on being on Website Redesign or not
+// @deprecated remove when website redesign is done
+const fontClasses = classNames(IBM_PLEX_MONO.variable, {
+  [SOURCE_SANS.className]: !ENABLE_WEBSITE_REDESIGN,
+  [OPEN_SANS.variable]: ENABLE_WEBSITE_REDESIGN,
 });
 
+// Defines the Base Layout based on being on Website Redesign or not
+// @deprecated remove when website redesign is done
+const AppLayout = ENABLE_WEBSITE_REDESIGN ? NewBaseLayout : LegacyBaseLayout;
+
 const RootLayout: FC<PropsWithChildren> = async ({ children }) => {
   const locale = await getLocale();
 
   const { langDir, hrefLang } = availableLocalesMap[locale] || defaultLocale;
 
   return (
-    <html className={sourceSans.className} dir={langDir} lang={hrefLang}>
+    <html className={fontClasses} dir={langDir} lang={hrefLang}>
       <body suppressHydrationWarning>
         <LocaleProvider>
           <ThemeProvider>
-            <BaseLayout>{children}</BaseLayout>
+            <AppLayout>{children}</AppLayout>
           </ThemeProvider>
         </LocaleProvider>
 

client-context.ts

···
     frontmatter: {},
     pathname: '',
     headings: [],
+    readingTime: { text: '', minutes: 0, time: 0, words: 0 },
+    filename: '',
   };
 
   return serverSharedContext;
···
   getClientContext().frontmatter = data.frontmatter;
   getClientContext().pathname = data.pathname;
   getClientContext().headings = data.headings;
+  getClientContext().readingTime = data.readingTime;
+  getClientContext().filename = data.filename;
 };

components/Common/Breadcrumbs/BreadcrumbLink/index.module.css

···
       px-2
       py-1
       font-semibold
-      text-white;
+      text-white
+      dark:text-white;
 
     &:hover {
       @apply bg-green-700

components/Common/Breadcrumbs/index.tsx

···
 import BreadcrumbLink from '@/components/Common/Breadcrumbs/BreadcrumbLink';
 import BreadcrumbRoot from '@/components/Common/Breadcrumbs/BreadcrumbRoot';
 import BreadcrumbTruncatedItem from '@/components/Common/Breadcrumbs/BreadcrumbTruncatedItem';
+import type { FormattedMessage } from '@/types';
 
 type BreadcrumbLink = {
-  label: string;
+  label: FormattedMessage;
   href: LinkProps['href'];
 };
 
···
 
         return (
           <BreadcrumbItem
-            key={link.href.toString()}
+            key={link.label.toString()}
             hidden={hidden}
             hideSeparator={isLastItem}
             position={position + +!hideHome}

components/Common/MetaBar/index.module.css

···
 .wrapper {
   @apply flex
-    w-80
     flex-col
     items-start
     gap-8
     border-l
-    border-neutral-200
-    p-6
-    dark:border-neutral-900;
+    border-l-neutral-200
+    px-4
+    py-6
+    dark:border-l-neutral-900
+    md:max-w-xs
+    lg:px-6
+    xs:mt-8
+    xs:w-full
+    xs:border-l-0
+    xs:border-t
+    xs:border-t-neutral-200
+    xs:dark:border-t-neutral-900;
 
   dt {
     @apply mb-2

components/Common/MetaBar/index.tsx

···
   items: Record<string, React.ReactNode>;
   headings?: {
     items: Heading[];
-    depth?: number;
+    minDepth?: number;
   };
 };
 
···
   const t = useTranslations();
 
   // The default depth of headings to display in the table of contents.
-  const { depth = 2, items: headingItems = [] } = headings || {};
+  const { minDepth = 2, items: headingItems = [] } = headings || {};
 
   const heading = useMemo(
-    () => headingItems.filter(head => head.depth === depth),
-    [depth, headingItems]
+    () => headingItems.filter(({ depth }) => depth >= minDepth && depth <= 4),
+    [minDepth, headingItems]
   );
 
   return (
···
             <dd>{value}</dd>
           </Fragment>
         ))}
+
         {heading.length > 0 && (
-          <Fragment key="tableOfContents">
+          <>
             <dt>{t('components.metabar.tableOfContents')}</dt>
             <dd>
               <ol>
                 {heading.map(head => (
                   <li key={head.value}>
-                    <Link href={`#${head?.data?.id || head.value}`}>
-                      {head.value}
-                    </Link>
+                    <Link href={`#${head?.data?.id}`}>{head.value}</Link>
                   </li>
                 ))}
               </ol>
             </dd>
-          </Fragment>
+          </>
         )}
       </dl>
     </div>

components/Common/Select/index.module.css

···
     gap-1.5;
 
   .label {
-    @apply text-sm
+    @apply block
+      w-full
+      text-sm
       font-medium
       text-neutral-800
       dark:text-neutral-200;
···
 
   .trigger {
     @apply inline-flex
+      h-11
+      w-full
       min-w-[17rem]
       items-center
       justify-between
···
 
 .inline {
   .trigger {
-    @apply min-w-fit
+    @apply h-auto
+      min-w-fit
       px-2.5
       py-2
       text-sm

components/Common/Select/index.stories.tsx

···
   args: {
     values: [
       {
-        value: 'section-1',
         label: 'Getting Started',
-      },
-      {
-        value: 'section-2',
-        label: 'How to install Node.js',
-      },
-      {
-        value: 'section-3',
-        label: 'How much JavaScript do you need to know to use Node.js?',
-      },
-      {
-        value: 'section-4',
-        label: 'Differences between Node.js and the Browser',
-      },
-      {
-        value: 'section-5',
-        label: 'The V8 JavaScript Engine',
-      },
-      {
-        value: 'section-6',
-        label: 'An introduction to the NPM package manager',
-      },
-      {
-        value: 'section-7',
-        label: 'ECMAScript 2015 (ES6) and beyond',
-      },
-      {
-        value: 'section-8',
-        label: 'Node.js, the difference between development and production',
+        items: [
+          {
+            value: 'section-1',
+            label: 'Getting Started',
+          },
+          {
+            value: 'section-2',
+            label: 'How to install Node.js',
+          },
+          {
+            value: 'section-3',
+            label: 'How much JavaScript do you need to know to use Node.js?',
+          },
+          {
+            value: 'section-4',
+            label: 'Differences between Node.js and the Browser',
+          },
+          {
+            value: 'section-5',
+            label: 'The V8 JavaScript Engine',
+          },
+          {
+            value: 'section-6',
+            label: 'An introduction to the NPM package manager',
+          },
+          {
+            value: 'section-7',
+            label: 'ECMAScript 2015 (ES6) and beyond',
+          },
+          {
+            value: 'section-8',
+            label: 'Node.js, the difference between development and production',
+          },
+        ],
       },
     ],
-    label: 'Getting Started',
-    dropdownLabel: 'Getting Started',
     placeholder: 'Select a guide',
+    label: 'Getting Started',
   },
 };
 
···
   args: {
     values: [
       {
-        value: 'linux',
-        label: 'Linux',
-        iconImage: <Linux width={16} height={16} />,
-      },
-      {
-        value: 'macos',
-        label: 'MacOS',
-        iconImage: <Apple width={16} height={16} />,
-      },
-      {
-        value: 'windows',
-        label: 'Windows',
-        iconImage: <Microsoft width={16} height={16} />,
+        label: 'Platform',
+        items: [
+          {
+            value: 'linux',
+            label: 'Linux',
+            iconImage: <Linux width={16} height={16} />,
+          },
+          {
+            value: 'macos',
+            label: 'MacOS',
+            iconImage: <Apple width={16} height={16} />,
+          },
+          {
+            value: 'windows',
+            label: 'Windows',
+            iconImage: <Microsoft width={16} height={16} />,
+          },
+        ],
       },
     ],
-    dropdownLabel: 'Platform',
     defaultValue: 'macos',
     inline: true,
   },

components/Common/Select/index.tsx

···
+'use client';
+
 import { ChevronDownIcon } from '@heroicons/react/24/outline';
 import * as Primitive from '@radix-ui/react-select';
 import classNames from 'classnames';
 import { useId, useMemo } from 'react';
 import type { FC } from 'react';
 
+import type { FormattedMessage } from '@/types';
+
 import styles from './index.module.css';
 
 type SelectValue = {
-  label: string;
+  label: FormattedMessage;
   value: string;
   iconImage?: React.ReactNode;
 };
 
+type SelectGroup = {
+  label?: FormattedMessage;
+  items: SelectValue[];
+};
+
+const isStringArray = (values: unknown[]): values is string[] =>
+  Boolean(values[0] && typeof values[0] === 'string');
+
+const isValuesArray = (values: unknown[]): values is SelectValue[] =>
+  Boolean(values[0] && typeof values[0] === 'object' && 'value' in values[0]);
+
 type SelectProps = {
-  values: SelectValue[] | string[];
+  values: SelectGroup[] | SelectValue[] | string[];
   defaultValue?: string;
   placeholder?: string;
-  dropdownLabel?: string;
   label?: string;
   inline?: boolean;
   onChange?: (value: string) => void;
···
   defaultValue,
   placeholder,
   label,
-  dropdownLabel,
   inline,
   onChange,
 }) => {
   const id = useId();
+
   const mappedValues = useMemo(() => {
-    const [firstItem] = values;
+    let mappedValues = values;
 
-    const items =
-      typeof firstItem === 'string'
-        ? values.map(value => ({ value, label: value }))
-        : values;
+    if (isStringArray(mappedValues)) {
+      mappedValues = mappedValues.map(value => ({ label: value, value }));
+    }
 
-    return items as SelectValue[];
+    if (isValuesArray(mappedValues)) {
+      return [{ items: mappedValues }];
+    }
+
+    return mappedValues;
   }, [values]);
 
   return (
···
           {label}
         </label>
       )}
-      <Primitive.Root defaultValue={defaultValue} onValueChange={onChange}>
+      <Primitive.Root value={defaultValue} onValueChange={onChange}>
         <Primitive.Trigger
           className={styles.trigger}
-          aria-label={label || dropdownLabel}
+          aria-label={label}
           id={id}
         >
           <Primitive.Value placeholder={placeholder} />
···
             className={classNames(styles.dropdown, { [styles.inline]: inline })}
           >
             <Primitive.Viewport>
-              <Primitive.Group>
-                {dropdownLabel && (
-                  <Primitive.Label className={`${styles.item} ${styles.label}`}>
-                    {dropdownLabel}
-                  </Primitive.Label>
-                )}
-                {mappedValues.map(({ value, label, iconImage }) => (
-                  <Primitive.Item
-                    key={value}
-                    value={value}
-                    className={`${styles.item} ${styles.text}`}
-                  >
-                    <Primitive.ItemText>
-                      {iconImage}
+              {mappedValues.map(({ label, items }, key) => (
+                <Primitive.Group key={label?.toString() || key}>
+                  {label && (
+                    <Primitive.Label
+                      className={classNames(styles.item, styles.label)}
+                    >
                       {label}
-                    </Primitive.ItemText>
-                  </Primitive.Item>
-                ))}
-              </Primitive.Group>
+                    </Primitive.Label>
+                  )}
+
+                  {items.map(({ value, label, iconImage }) => (
+                    <Primitive.Item
+                      key={value}
+                      value={value}
+                      className={classNames(styles.item, styles.text)}
+                    >
+                      <Primitive.ItemText>
+                        {iconImage}
+                        {label}
+                      </Primitive.ItemText>
+                    </Primitive.Item>
+                  ))}
+                </Primitive.Group>
+              ))}
             </Primitive.Viewport>
           </Primitive.Content>
         </Primitive.Portal>

components/Common/Sidebar/SidebarGroup/index.module.css

···
 
 .itemList {
   @apply m-0
+    mt-1
     flex
     flex-col
     items-start

components/Common/Sidebar/SidebarGroup/index.tsx

···
 import type { ComponentProps, FC } from 'react';
 
 import SidebarItem from '@/components/Common/Sidebar/SidebarItem';
+import type { FormattedMessage } from '@/types';
 
 import styles from './index.module.css';
 
 type SidebarGroupProps = {
-  groupName: string;
+  groupName: FormattedMessage;
   items: ComponentProps<typeof SidebarItem>[];
-  activeItem?: ComponentProps<typeof SidebarItem>;
 };
 
-const SidebarGroup: FC<SidebarGroupProps> = ({
-  groupName,
-  items,
-  activeItem,
-}) => (
+const SidebarGroup: FC<SidebarGroupProps> = ({ groupName, items }) => (
   <section className={styles.group}>
     <label className={styles.groupName}>{groupName}</label>
     <ul className={styles.itemList}>
       {items.map(({ title, url }) => (
-        <SidebarItem
-          key={title}
-          title={title}
-          url={url}
-          isActive={
-            activeItem?.title === title && activeItem.url === activeItem.url
-          }
-        />
+        <SidebarItem key={url} title={title} url={url} />
       ))}
     </ul>
   </section>

components/Common/Sidebar/SidebarItem/index.module.css

···
 .sideBarItem {
   @apply flex
     w-full
-    list-none;
+    list-none
+    text-neutral-800
+    dark:text-neutral-200;
 
   a {
     @apply w-full
       p-2
       text-sm
-      font-regular
-      text-neutral-800
-      dark:text-neutral-200;
+      font-regular;
   }
 }
 
 .active {
   @apply rounded
-    bg-green-600;
-
-  a,
-  a:hover {
-    @apply text-white
+    bg-green-600
+    text-white
     dark:text-white;
-  }
 }

components/Common/Sidebar/SidebarItem/index.tsx

···
-import classNames from 'classnames';
 import type { FC } from 'react';
 
-import Link from '@/components/Link';
+import ActiveLink from '@/components/Common/ActiveLink';
+import type { FormattedMessage } from '@/types';
 
 import styles from './index.module.css';
 
 type SidebarItemProps = {
-  title: string;
+  title: FormattedMessage;
   url: string;
-  isActive?: boolean;
 };
 
-const SidebarItem: FC<SidebarItemProps> = ({
-  url,
-  title,
-  isActive = false,
-}) => (
-  <li
-    className={classNames(styles.sideBarItem, {
-      [styles.active]: isActive,
-    })}
-  >
-    <Link href={url}>{title}</Link>
+const SidebarItem: FC<SidebarItemProps> = ({ url, title }) => (
+  <li className={styles.sideBarItem}>
+    <ActiveLink href={url} activeClassName={styles.active}>
+      {title}
+    </ActiveLink>
   </li>
 );
 

components/Common/Sidebar/index.module.css

···
     py-6
     dark:border-r-neutral-900
     dark:bg-neutral-950
-    md:max-w-xs;
+    md:max-w-xs
+    lg:px-6
+    xs:w-full
+    xs:border-r-0;
+
+  > section {
+    @apply block
+      xs:hidden;
+  }
+
+  > div {
+    @apply w-full
+      sm:hidden;
+  }
 }

components/Common/Sidebar/index.stories.tsx

···
   },
 };
 
-export const ActiveItem: Story = {
-  args: {
-    groups: [
-      {
-        groupName: 'About Node.js',
-        items: [
-          {
-            url: '/item1',
-            title: 'About Node.js',
-          },
-          {
-            url: '/item2',
-            title: 'Project Governance',
-          },
-          {
-            url: '/item3',
-            title: 'Releases',
-          },
-          {
-            url: '/item4',
-            title: 'Branding',
-          },
-          {
-            url: '/item5',
-            title: 'Privacy Policy',
-          },
-          {
-            url: '/item6',
-            title: 'Security Reporting',
-          },
-        ],
-      },
-      {
-        groupName: 'Get Involved',
-        items: [
-          {
-            url: '/item7',
-            title: 'Get Involved',
-          },
-          {
-            url: '/item8',
-            title: 'Collab Summit',
-          },
-          {
-            url: '/item9',
-            title: 'Contribute',
-          },
-          {
-            url: '/item10',
-            title: 'Code of Conduct',
-          },
-        ],
-      },
-      {
-        groupName: 'Download',
-        items: [
-          {
-            url: '/item11',
-            title: 'Download',
-          },
-          {
-            url: '/item12',
-            title: 'Package Manager',
-          },
-          {
-            url: '/item13',
-            title: 'Previous Releases',
-          },
-        ],
-      },
-    ],
-    activeItem: {
-      url: '/item1',
-      title: 'About Node.js',
-    },
-  },
-};
-
 export default { component: Sidebar } as Meta;

components/Common/Sidebar/index.tsx

···
+'use client';
+
+import { useTranslations } from 'next-intl';
 import type { ComponentProps, FC } from 'react';
 
+import Select from '@/components/Common/Select';
 import SidebarGroup from '@/components/Common/Sidebar/SidebarGroup';
-import type SidebarItem from '@/components/Common/Sidebar/SidebarItem';
+import { useClientContext } from '@/hooks';
+import { useRouter } from '@/navigation.mjs';
 
 import styles from './index.module.css';
 
 type SidebarProps = {
   groups: ComponentProps<typeof SidebarGroup>[];
-  activeItem?: ComponentProps<typeof SidebarItem>;
 };
 
-const SideBar: FC<SidebarProps> = ({ groups, activeItem }) => (
-  <aside className={styles.sideBar}>
-    {groups.map(({ groupName, items }) => (
-      <SidebarGroup
-        key={groupName}
-        groupName={groupName}
-        items={items}
-        activeItem={activeItem}
+const SideBar: FC<SidebarProps> = ({ groups }) => {
+  const t = useTranslations();
+  const { pathname } = useClientContext();
+  const { push } = useRouter();
+
+  const selectItems = groups.map(({ items, groupName }) => ({
+    label: groupName,
+    items: items.map(item => ({ value: item.url, label: item.title })),
+  }));
+
+  const currentItem = selectItems
+    .map(item => item.items)
+    .flat()
+    .find(item => pathname === item.value);
+
+  return (
+    <aside className={styles.sideBar}>
+      {groups.map(({ groupName, items }) => (
+        <SidebarGroup
+          key={groupName.toString()}
+          groupName={groupName}
+          items={items}
+        />
+      ))}
+
+      <Select
+        label={t('components.common.sidebar.title')}
+        values={selectItems}
+        defaultValue={currentItem?.value}
+        onChange={value => push(value)}
       />
-    ))}
-  </aside>
-);
+    </aside>
+  );
+};
 
 export default SideBar;

components/Containers/Footer/index.module.css

···
     flex-col
     items-center
     gap-6
+    border-t
+    border-neutral-200
     px-8
     py-4
+    dark:border-neutral-900
     md:flex-row
     md:justify-between
     md:py-5;

components/Containers/Footer/index.tsx

···
 import { useTranslations } from 'next-intl';
 import type { FC, SVGProps } from 'react';
 
-import NavItem from '@/components/Containers/NavItem';
+import NavItem from '@/components/Common/NavItem';
 import GitHub from '@/components/Icons/Social/GitHub';
 import LinkedIn from '@/components/Icons/Social/LinkedIn';
 import Mastodon from '@/components/Icons/Social/Mastodon';

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

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

components/Containers/NavItem/index.tsx components/Common/NavItem/index.tsx

···
       href={href}
       className={classNames(styles.navItem, styles[type], className)}
       activeClassName={styles.active}
+      allowSubPath
     >
       <span className={styles.label}>{children}</span>
       {showIcon && <ArrowUpRightIcon className={styles.icon} />}

components/Containers/NavigationBar/index.stories.tsx components/Containers/NavBar/index.stories.tsx

···
 import type { Meta as MetaObj, StoryObj } from '@storybook/react';
 
-import NavigationBar from './index';
+import NavBar from '@/components/Containers/NavBar';
 
-type Story = StoryObj<typeof NavigationBar>;
-type Meta = MetaObj<typeof NavigationBar>;
+type Story = StoryObj<typeof NavBar>;
+type Meta = MetaObj<typeof NavBar>;
 
 export const Default: Story = {
   args: {
     navItems: [
       {
         text: 'Learn',
-        href: '/',
+        link: '/',
       },
       {
         text: 'About',
-        href: '/about',
+        link: '/about',
       },
       {
         text: 'Docs',
-        href: '/docs',
+        link: '/docs',
       },
       {
         text: 'Download',
-        href: '/download',
+        link: '/download',
       },
       {
         text: 'Blog',
-        href: '/blog',
+        link: '/blog',
       },
       {
         text: 'Certification',
-        href: 'https://openjsf.org/certification',
+        link: 'https://openjsf.org/certification',
       },
     ],
     languages: {
···
   },
 };
 
-export default { component: NavigationBar } as Meta;
+export default { component: NavBar } as Meta;

components/Containers/NavigationBar/index.tsx components/Containers/NavBar/index.tsx

···
 import type { FC, ComponentProps } from 'react';
 
 import LanguageDropdown from '@/components/Common/LanguageDropDown';
+import NavItem from '@/components/Common/NavItem';
 import ThemeToggle from '@/components/Common/ThemeToggle';
-import NavItem from '@/components/Containers/NavItem';
 import NodejsDark from '@/components/Icons/Logos/NodejsDark';
 import NodejsLight from '@/components/Icons/Logos/NodejsLight';
 import GitHub from '@/components/Icons/Social/GitHub';
+import Link from '@/components/Link';
+import type { FormattedMessage } from '@/types';
 
 import style from './index.module.css';
 
-type NavItem = { text: string; href: string };
+const navInteractionIcons = {
+  show: <Hamburger className={style.navInteractionIcon} />,
+  close: <XMark className={style.navInteractionIcon} />,
+};
 
 type NavbarProps = {
-  navItems: NavItem[];
+  navItems: { text: FormattedMessage; link: string }[];
   languages: ComponentProps<typeof LanguageDropdown>;
   onThemeTogglerClick: () => void;
 };
 
-const navInteractionIcons = {
-  show: <Hamburger className={style.navInteractionIcon} />,
-  close: <XMark className={style.navInteractionIcon} />,
-};
-
-const NavigationBar: FC<NavbarProps> = ({
+const NavBar: FC<NavbarProps> = ({
   navItems,
   languages,
   onThemeTogglerClick,
 }) => {
   const [isMenuOpen, setIsMenuOpen] = useState(false);
+
   return (
     <nav className={`${style.container}`}>
       <div className={style.nodeIconAndMobileItemsToggler}>
-        <div className={style.nodeIconWrapper}>
+        <Link className={style.nodeIconWrapper} href="/" aria-label="Home">
           <NodejsDark className={style.nodejsLogoDark} />
           <NodejsLight className={style.nodejsLogoLight} />
-        </div>
+        </Link>
+
         <Label.Root
           onClick={() => setIsMenuOpen(prev => !prev)}
           className={style.sidebarItemTogglerLabel}
···
           {navInteractionIcons[isMenuOpen ? 'close' : 'show']}
         </Label.Root>
       </div>
+
       <input className="peer hidden" id="sidebarItemToggler" type="checkbox" />
+
       <div className={`${style.main} peer-checked:flex`}>
         <div className={style.navItems}>
-          {navItems.map(({ text, href }) => (
-            <NavItem key={text} href={href}>
+          {navItems.map(({ text, link }) => (
+            <NavItem key={link} href={link}>
               {text}
             </NavItem>
           ))}
         </div>
+
         <div className={style.actionsWrapper}>
           <ThemeToggle onClick={onThemeTogglerClick} />
+
           <LanguageDropdown
+            onChange={languages.onChange}
             availableLanguages={languages.availableLanguages}
             currentLanguage={languages.currentLanguage}
           />
-          <a
+
+          <Link
             className={style.ghIconWrapper}
             href="https://github.com/nodejs/node"
             aria-label="Node.js Github"
           >
             <GitHub />
-          </a>
+          </Link>
         </div>
       </div>
     </nav>
   );
 };
 
-export default NavigationBar;
+export default NavBar;

components/Downloads/DownloadList.tsx

···
 
   const { getSideNavigation } = useSiteNavigation();
 
-  const [, ...downloadNavigation] = getSideNavigation('download', {
+  const [[, downloadNavigationItems]] = getSideNavigation(['download'], {
     shaSums: { nodeVersion: versionWithPrefix },
     allDownloads: { nodeVersion: versionWithPrefix },
   });
···
   return (
     <section>
       <ul>
-        {downloadNavigation.map((item, key) => (
+        {downloadNavigationItems.items.map(([key, { label, link }]) => (
           <li key={key}>
-            <Link href={item.link}>{item.text}</Link>
-            {item.key === 'shaSums' && (
+            <Link href={link}>{label}</Link>
+            {key === 'shaSums' && (
               <a href="https://github.com/nodejs/node#verifying-binaries">
                 {t('components.downloadList.links.shaSums.howToVerify')}
               </a>

components/Downloads/DownloadReleasesTable.tsx

···
     <table id="tbVersions" className="download-table full-width">
       <thead>
         <tr>
-          <td>Version</td>
-          <td>LTS</td>
-          <td>Date</td>
-          <td>V8</td>
-          <td>npm</td>
-          <td>
-            NODE_MODULE_VERSION<a href="#ref-1">[1]</a>
-            <span id="backref-1"></span>
-          </td>
-          <td></td>
+          <th>Node.js Version</th>
+          <th>Codename</th>
+          <th>Release Date</th>
+          <th colSpan={2}>npm</th>
         </tr>
       </thead>
       <tbody>
         {releaseData.map(release => (
           <tr key={release.major}>
-            <td data-label="Version">Node.js {release.version}</td>
-            <td data-label="LTS">{release.codename}</td>
+            <td data-label="Version">v{release.version}</td>
+            <td data-label="LTS">{release.codename || '-'}</td>
             <td data-label="Date">
               <time>{release.releaseDate}</time>
             </td>
-            <td data-label="V8">{release.v8}</td>
-            <td data-label="npm">{release.npm}</td>
-            <td data-label="NODE_MODULE_VERSION">{release.modules}</td>
+            <td data-label="npm">v{release.npm}</td>
             <td className="download-table-last">
               <a
                 href={`https://nodejs.org/download/release/${release.versionWithPrefix}/`}

components/SideNavigation.tsx

···
 }) => {
   const { getSideNavigation } = useSiteNavigation();
 
-  const sideNavigationItems = getSideNavigation(navigationKey, context);
+  const [[, sideNavigationItems]] = getSideNavigation([navigationKey], context);
 
   return (
     <nav aria-label="secondary">
       <ul>
-        {sideNavigationItems.map(item => (
-          <li key={item.key}>
-            <ActiveLink href={item.link}>{item.text}</ActiveLink>
+        {sideNavigationItems.items!.map(([key, { link, label, items }]) => (
+          <li key={key}>
+            {link ? <ActiveLink href={link}>{label}</ActiveLink> : label}
 
-            {item.items.length > 0 && (
+            {items && items.length > 0 && (
               <ul>
-                {item.items.map(({ link, text, key }) => (
+                {items.map(([key, { link, label }]) => (
                   <li key={key}>
-                    <ActiveLink href={link}>{text}</ActiveLink>
+                    <ActiveLink href={link}>{label}</ActiveLink>
                   </li>
                 ))}
               </ul>

components/TopNavigation.tsx

···
   return (
     <nav aria-label="primary">
       <ul className="list-divider-pipe">
-        {navigationItems.map(({ link, text }) => (
-          <li key={link}>
-            <ActiveLink href={link} allowSubPath>
-              {text}
+        {navigationItems.map(([key, { link, label }]) => (
+          <li key={key}>
+            <ActiveLink href={link!} allowSubPath>
+              {label}
             </ActiveLink>
           </li>
         ))}

components/__mocks__/github-slugger.mjs

···
+class GitHubSlugger {
+  slug() {
+    return 'mock-slug';
+  }
+}
+
+export default GitHubSlugger;

components/withBreadcrumbs.tsx

···
+'use client';
+
+import type { FC } from 'react';
+
+import Breadcrumbs from '@/components/Common/Breadcrumbs';
+import { useClientContext, useMediaQuery, useSiteNavigation } from '@/hooks';
+import type { NavigationKeys } from '@/types';
+
+const WithBreadcrumbs: FC = () => {
+  const { navigationItems, getSideNavigation } = useSiteNavigation();
+  const { pathname } = useClientContext();
+
+  const isMobileScreen = useMediaQuery('(max-width: 639px)');
+
+  const getBreadrumbs = () => {
+    const [navigationKey] =
+      navigationItems.find(([, item]) => pathname.includes(item.link)) || [];
+
+    if (navigationKey === undefined) {
+      return [];
+    }
+
+    return getSideNavigation([navigationKey as NavigationKeys])
+      .map(([, item]) => item.items)
+      .flat()
+      .filter(([, item]) => pathname.includes(item.link))
+      .map(([, item]) => ({ label: item.label, href: item.link }));
+  };
+
+  return (
+    <Breadcrumbs links={getBreadrumbs()} maxLength={isMobileScreen ? 2 : 4} />
+  );
+};
+
+export default WithBreadcrumbs;

components/withFooter.tsx

···
+import type { FC } from 'react';
+
+import Footer from '@/components/Containers/Footer';
+
+const WithFooter: FC = () => <Footer />;
+
+export default WithFooter;

components/withLayout.tsx

···
-import { useMemo, type FC, type PropsWithChildren } from 'react';
+import type { FC, 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 LegacyAboutLayout from '@/layouts/AboutLayout';
+import LegacyBlogCategoryLayout from '@/layouts/BlogCategoryLayout';
+import LegacyBlogPostLayout from '@/layouts/BlogPostLayout';
+import LegacyContributeLayout from '@/layouts/ContributeLayout';
+import LegacyDefaultLayout from '@/layouts/DefaultLayout';
+import LegacyDocsLayout from '@/layouts/DocsLayout';
+import LegacyDownloadLayout from '@/layouts/DownloadLayout';
+import LegacyIndexLayout from '@/layouts/IndexLayout';
+import LegacyLearnLayout from '@/layouts/LearnLayout';
+import AboutLayout from '@/layouts/New/About';
+import DefaultLayout from '@/layouts/New/Default';
+import { ENABLE_WEBSITE_REDESIGN } from '@/next.constants.mjs';
 import type { LegacyLayouts } from '@/types';
 
-const layoutComponents = {
-  'docs.hbs': DocsLayout,
+/** @deprecated these should be removed with the website redesin */
+const legacyLayouts = {
+  'docs.hbs': LegacyDocsLayout,
+  'about.hbs': LegacyAboutLayout,
+  'blog-category.hbs': LegacyBlogCategoryLayout,
+  'blog-post.hbs': LegacyBlogPostLayout,
+  'contribute.hbs': LegacyContributeLayout,
+  'download.hbs': LegacyDownloadLayout,
+  'index.hbs': LegacyIndexLayout,
+  'learn.hbs': LegacyLearnLayout,
+  'page.hbs': LegacyDefaultLayout,
+} satisfies Record<string, FC>;
+
+/** all the currently available layouts from website redesign */
+const redesignLayouts = {
+  'docs.hbs': DefaultLayout,
   'about.hbs': AboutLayout,
-  'blog-category.hbs': BlogCategoryLayout,
-  'blog-post.hbs': BlogPostLayout,
-  'contribute.hbs': ContributeLayout,
-  'download.hbs': DownloadLayout,
-  'index.hbs': IndexLayout,
-  'learn.hbs': LearnLayout,
+  'blog-category.hbs': DefaultLayout,
+  'blog-post.hbs': DefaultLayout,
+  'contribute.hbs': AboutLayout,
+  'download.hbs': DefaultLayout,
+  'index.hbs': DefaultLayout,
+  'learn.hbs': DefaultLayout,
   'page.hbs': DefaultLayout,
 } satisfies Record<string, FC>;
 
+/** @deprecated this should be removed once we sunset the legacy layouts */
+const availableLayouts = ENABLE_WEBSITE_REDESIGN
+  ? redesignLayouts
+  : legacyLayouts;
+
 type WithLayoutProps = PropsWithChildren<{ layout: LegacyLayouts }>;
 
 export const WithLayout: FC<WithLayoutProps> = ({ layout, children }) => {
-  const LayoutComponent = useMemo(
-    () => layoutComponents[layout] || DefaultLayout,
-    [layout]
-  );
+  const LayoutComponent = availableLayouts[layout];
 
   return <LayoutComponent>{children}</LayoutComponent>;
 };

components/withMetaBar.tsx

···
+import { useFormatter } from 'next-intl';
+import type { FC } from 'react';
+
+import MetaBar from '@/components/Common/MetaBar';
+import GitHub from '@/components/Icons/Social/GitHub';
+import Link from '@/components/Link';
+import { useClientContext } from '@/hooks/server';
+import { getGitHubEditPageUrl } from '@/util/gitHubUtils';
+
+const WithMetaBar: FC = () => {
+  const { headings, readingTime, frontmatter, filename } = useClientContext();
+  const formatter = useFormatter();
+
+  const lastUpdated = formatter.dateTime(frontmatter.date ?? new Date(), {
+    month: 'short',
+    day: '2-digit',
+    year: 'numeric',
+  });
+
+  return (
+    <MetaBar
+      items={{
+        'components.metabar.lastUpdated': lastUpdated,
+        'components.metabar.readingTime': readingTime.text,
+        'components.metabar.contribute': (
+          <>
+            <GitHub className="fill-neutral-700 dark:fill-neutral-100" />
+            <Link href={getGitHubEditPageUrl(filename)}>Edit this page</Link>
+          </>
+        ),
+      }}
+      headings={{ items: headings }}
+    />
+  );
+};
+
+export default WithMetaBar;

components/withNavBar.tsx

···
+'use client';
+
+import { useLocale } from 'next-intl';
+import { useTheme } from 'next-themes';
+import type { FC } from 'react';
+
+import NavBar from '@/components/Containers/NavBar';
+import { useClientContext, useSiteNavigation } from '@/hooks';
+import { useRouter } from '@/navigation.mjs';
+import { availableLocales } from '@/next.locales.mjs';
+
+const WithNavBar: FC = () => {
+  const { navigationItems } = useSiteNavigation();
+  const { resolvedTheme, setTheme } = useTheme();
+  const { pathname } = useClientContext();
+  const { replace } = useRouter();
+
+  const locale = useLocale();
+
+  const toggleCurrnetTheme = () =>
+    setTheme(resolvedTheme === 'dark' ? 'light' : 'dark');
+
+  return (
+    <NavBar
+      onThemeTogglerClick={toggleCurrnetTheme}
+      languages={{
+        currentLanguage: locale,
+        availableLanguages: availableLocales,
+        onChange: locale => replace(pathname!, { locale: locale.code }),
+      }}
+      navItems={navigationItems.map(([, { label, link }]) => ({
+        link,
+        text: label,
+      }))}
+    />
+  );
+};
+
+export default WithNavBar;

components/withSideBar.tsx

···
+import type { RichTranslationValues } from 'next-intl';
+import type { FC } from 'react';
+
+import SideBar from '@/components/Common/Sidebar';
+import { useSiteNavigation } from '@/hooks/server';
+import type { NavigationKeys } from '@/types';
+
+type WithSideBarProps = {
+  keys: NavigationKeys[];
+  context?: Record<string, RichTranslationValues>;
+};
+
+const WithSideBar: FC<WithSideBarProps> = ({ keys, context }) => {
+  const { getSideNavigation } = useSiteNavigation();
+
+  const mappedSidebarItems = getSideNavigation(keys, context).map(
+    ([, { label, items }]) => ({
+      groupName: label,
+      items: items.map(([, { label, link }]) => ({ title: label, url: link })),
+    })
+  );
+
+  return <SideBar groups={mappedSidebarItems} />;
+};
+
+export default WithSideBar;

hooks/index.ts

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

hooks/react-client/index.ts

···
 export { default as useMediaQuery } from './useMediaQuery';
 export { default as useNotification } from './useNotification';
 export { default as useClientContext } from './useClientContext';
-export { default as useSiteNavigation } from './useSiteNavigation';

hooks/react-client/useClientContext.ts

···
 
 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();
+  const { frontmatter, pathname, headings, readingTime, filename } =
+    useContext(MatterContext);
 
-  return { pathname: pathname || '', frontmatter, headings };
+  return { pathname, frontmatter, headings, readingTime, filename };
 };
 
 export default useClientContext;

hooks/react-client/useSiteNavigation.tsx

···
-'use client';
-
-const useSiteNavigation = () => {
-  throw new Error('Attempted to call useSiteNavigation from RCC');
-};
-
-export default useSiteNavigation;

hooks/react-generic/index.ts

···
+export { default as useSiteNavigation } from './useSiteNavigation';

hooks/react-generic/useSiteNavigation.ts

···
+import { useTranslations } from 'next-intl';
+import type { RichTranslationValues } from 'next-intl';
+
+import { siteNavigation } from '@/next.json.mjs';
+import type {
+  FormattedMessage,
+  NavigationEntry,
+  NavigationKeys,
+} from '@/types';
+
+type Context = Record<string, RichTranslationValues>;
+type Navigation = Record<string, NavigationEntry>;
+
+interface MappedNavigationEntry {
+  items: [string, MappedNavigationEntry][];
+  label: FormattedMessage;
+  link: string;
+}
+
+// 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?: RichTranslationValues
+) =>
+  Object.entries(context || {}).reduce(
+    (finalLink, [find, replace]) =>
+      finalLink.replace(
+        `{${find}}`,
+        typeof replace === 'string' ? replace : ''
+      ),
+    link
+  );
+
+const useSiteNavigation = () => {
+  const t = useTranslations();
+
+  const mapNavigationEntries = (entries: Navigation, context: Context = {}) => {
+    const getFormattedMessage = (label: string, key: string) =>
+      t.rich(label, context[key] || {});
+
+    return Object.entries(entries).map(
+      ([key, { label, link, items }]): [string, MappedNavigationEntry] => [
+        key,
+        {
+          label: label ? getFormattedMessage(label, key) : '',
+          link: link ? replaceLinkWithContext(link, context[key]) : '',
+          items: items ? mapNavigationEntries(items, context) : [],
+        },
+      ]
+    );
+  };
+
+  const getSideNavigation = (keys: NavigationKeys[], context: Context = {}) => {
+    const navigationEntries: Navigation = keys.reduce(
+      (acc, key) => ({ ...acc, [key]: siteNavigation.sideNavigation[key] }),
+      {}
+    );
+
+    return mapNavigationEntries(navigationEntries, context);
+  };
+
+  const navigationItems = mapNavigationEntries(siteNavigation.topNavigation);
+
+  return { getSideNavigation, navigationItems };
+};
+
+export default useSiteNavigation;

hooks/react-server/index.ts

···
 export { default as useMediaQuery } from './useMediaQuery';
 export { default as useNotification } from './useNotification';
 export { default as useClientContext } from './useClientContext';
-export { default as useSiteNavigation } from './useSiteNavigation';

hooks/react-server/useSiteNavigation.tsx

···
-import { useTranslations } from 'next-intl';
-import type { RichTranslationValues } from 'next-intl';
-
-import { siteNavigation } from '@/next.json.mjs';
-import type {
-  MappedNavigationEntry,
-  NavigationEntry,
-  NavigationKeys,
-} from '@/types';
-
-type Context = Record<string, RichTranslationValues>;
-type Navigation = Record<string, NavigationEntry>;
-
-// 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?: RichTranslationValues
-) =>
-  Object.entries(context || {}).reduce(
-    (finalLink, [find, replace]) =>
-      finalLink.replace(
-        `{${find}}`,
-        typeof replace === 'string' ? replace : ''
-      ),
-    link
-  );
-
-const useSiteNavigation = () => {
-  const t = useTranslations();
-
-  const mapNavigationEntries = (
-    entries: Navigation,
-    context: Context = {},
-    level = 0,
-    includeItems = true
-  ): MappedNavigationEntry[] => {
-    const getFormattedMessage = (translationId: string, key: string) =>
-      t.rich(translationId, context[key] || {});
-
-    return Object.entries(entries).map(
-      ([key, { translationId, link, items }]) => {
-        const mappedEntry: MappedNavigationEntry = {
-          text: getFormattedMessage(translationId, key),
-          link: replaceLinkWithContext(link, context[key]),
-          items: [],
-          level,
-          key,
-        };
-
-        if (includeItems && items) {
-          mappedEntry.items = mapNavigationEntries(items, context, level + 1);
-        }
-
-        return mappedEntry;
-      }
-    );
-  };
-
-  const getSideNavigation = (section: NavigationKeys, context?: Context) => {
-    const { items, translationId, link } = siteNavigation[section];
-
-    return mapNavigationEntries(
-      { [section]: { translationId, link }, ...items },
-      context
-    );
-  };
-
-  return {
-    getSideNavigation,
-    navigationItems: mapNavigationEntries(siteNavigation, {}, 0, false),
-  };
-};
-
-export default useSiteNavigation;

hooks/server.ts

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

i18n/locales/ar.json

···
-{
-  "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",
-        "toggleTheme": "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"
-      }
-    },
-    "downloads": {
-      "changelogModal": {
-        "startContributing": "Start Contributing"
-      }
-    }
-  },
-  "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"
-      },
-      "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",
-        "toggleTheme": "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"
-      }
-    },
-    "downloads": {
-      "changelogModal": {
-        "startContributing": "Start Contributing"
-      }
-    }
-  },
-  "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

···
         "download": "Download",
         "docs": "Docs",
         "getInvolved": "Get Involved",
+        "learn": "Learn",
         "security": "Security",
         "certification": "Certification",
-        "blog": "News",
-        "learn": {
-          "title": "Learn",
-          "gettingStarted": {
-            "title": "Getting Started",
+        "blog": "News"
+      },
+      "buttons": {
+        "toggleLanguage": "Toggle Language",
+        "toggleTheme": "Toggle dark/light mode"
+      }
+    },
+    "navigation": {
+      "learn": {
+        "gettingStarted": {
+          "links": {
+            "gettingStarted": "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?",
···
             "nodejsTheDifferenceBetweenDevelopmentAndProduction": "Node.js, the difference between development and production",
             "nodejsWithTypescript": "Node.js with TypeScript",
             "nodejsWithWebassembly": "Node.js with WebAssembly"
-          },
-          "asynchronousWork": {
-            "title": "Asynchronous Work",
+          }
+        },
+        "asynchronousWork": {
+          "links": {
+            "asynchronousWork": "Asynchronous Work",
             "asynchronousFlowControl": "Asynchronous flow control",
             "overviewOfBlockingVsNonBlocking": "Overview of Blocking vs Non-Blocking",
             "javascriptAsynchronousProgrammingAndCallbacks": "JavaScript Asynchronous Programming and Callbacks",
···
             "understandingProcessnexttick": "Understanding process.nextTick()",
             "understandingSetimmediate": "Understanding setImmediate()",
             "theNodejsEventEmitter": "The Node.js Event emitter"
-          },
-          "manipulatingFiles": {
-            "title": "Manipulating Files",
+          }
+        },
+        "manipulatingFiles": {
+          "links": {
+            "manipulatingFiles": "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",
+          }
+        },
+        "commandLine": {
+          "links": {
+            "commandLine": "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",
···
           }
         }
       },
-      "buttons": {
-        "toggleLanguage": "Toggle Language",
-        "toggleTheme": "Toggle dark/light mode"
-      }
-    },
-    "navigation": {
       "about": {
         "links": {
+          "about": "About Node.js",
           "governance": "Project Governance",
           "releases": "Previous Releases",
           "security": "Security Reporting"
···
       },
       "docs": {
         "links": {
+          "docs": "Docs",
           "es6": "ES6 and beyond",
           "apiLts": "{fullLtsNodeVersion} API <graySpan>LTS</graySpan>",
           "apiCurrent": "{fullCurrentNodeVersion} API",
-          "guides": "Guides <graySpan>ARCHIVED</graySpan>",
+          "guides": "Guides <graySpan>ARCHIVE</graySpan>",
           "dependencies": "Dependencies"
         }
       },
       "getInvolved": {
         "links": {
+          "getInvolved": "Get Involved",
           "collabSummit": "Collab Summit",
           "contribute": "Contribute",
           "codeOfConduct": "Code of Conduct"
···
         "nextAriaLabel": "Next page",
         "defaultLabel": "Pagination",
         "pageLabel": "Go to page {pageNumber}"
+      },
+      "sidebar": {
+        "title": "Change page"
       },
       "languageDropdown": {
         "label": "Choose Language"

i18n/locales/es.json

···
-{
-  "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",
-        "toggleTheme": "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"
-      }
-    },
-    "downloads": {
-      "changelogModal": {
-        "startContributing": "Start Contributing"
-      }
-    }
-  },
-  "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"
-      },
-      "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",
-        "toggleTheme": "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"
-      }
-    },
-    "downloads": {
-      "changelogModal": {
-        "startContributing": "Start Contributing"
-      }
-    }
-  },
-  "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"
-      },
-      "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",
-        "toggleTheme": "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"
-      }
-    },
-    "downloads": {
-      "changelogModal": {
-        "startContributing": "Start Contributing"
-      }
-    }
-  },
-  "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/it.json

···
-{
-  "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",
-        "toggleTheme": "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"
-      }
-    },
-    "downloads": {
-      "changelogModal": {
-        "startContributing": "Start Contributing"
-      }
-    }
-  },
-  "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"
-      },
-      "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",
-        "toggleTheme": "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"
-      }
-    },
-    "downloads": {
-      "changelogModal": {
-        "startContributing": "Start Contributing"
-      }
-    }
-  },
-  "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"
-      },
-      "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",
-        "toggleTheme": "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"
-      }
-    },
-    "downloads": {
-      "changelogModal": {
-        "startContributing": "Start Contributing"
-      }
-    }
-  },
-  "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"
-      },
-      "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",
-        "toggleTheme": "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"
-      }
-    },
-    "downloads": {
-      "changelogModal": {
-        "startContributing": "Start Contributing"
-      }
-    }
-  },
-  "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"
-      },
-      "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",
-        "toggleTheme": "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"
-      }
-    },
-    "downloads": {
-      "changelogModal": {
-        "startContributing": "Start Contributing"
-      }
-    }
-  },
-  "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"
-      },
-      "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",
-        "toggleTheme": "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"
-      }
-    },
-    "downloads": {
-      "changelogModal": {
-        "startContributing": "Start Contributing"
-      }
-    }
-  },
-  "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"
-      },
-      "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",
-        "toggleTheme": "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"
-      }
-    },
-    "downloads": {
-      "changelogModal": {
-        "startContributing": "Start Contributing"
-      }
-    }
-  },
-  "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"
-      },
-      "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",
-        "toggleTheme": "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"
-      }
-    },
-    "downloads": {
-      "changelogModal": {
-        "startContributing": "Start Contributing"
-      }
-    }
-  },
-  "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"
-      },
-      "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",
-        "toggleTheme": "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"
-      }
-    },
-    "downloads": {
-      "changelogModal": {
-        "startContributing": "Start Contributing"
-      }
-    }
-  },
-  "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"
-      },
-      "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",
-        "toggleTheme": "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

···
   moduleNameMapper: {
     'next/router': '<rootDir>/components/__mocks__/next-router.mjs',
     'next-intl': '<rootDir>/components/__mocks__/next-intl.mjs',
+    'github-slugger': '<rootDir>/components/__mocks__/github-slugger.mjs',
   },
 };
 

layouts/New/About.tsx

···
+import type { FC, PropsWithChildren } from 'react';
+
+import WithBreadcrumbs from '@/components/withBreadcrumbs';
+import WithMetaBar from '@/components/withMetaBar';
+import WithNavBar from '@/components/withNavBar';
+import WithSideBar from '@/components/withSideBar';
+import ArticleLayout from '@/layouts/New/Article';
+
+const AboutLayout: FC<PropsWithChildren> = ({ children }) => (
+  <>
+    <WithNavBar />
+
+    <ArticleLayout>
+      <WithSideBar keys={['about', 'getInvolved']} />
+
+      {children}
+
+      <WithMetaBar />
+
+      <WithBreadcrumbs />
+    </ArticleLayout>
+  </>
+);
+
+export default AboutLayout;

layouts/New/Article.tsx

···
+import type { FC, PropsWithChildren } from 'react';
+
+import styles from './layouts.module.css';
+
+const ArticleLayout: FC<PropsWithChildren> = ({ children }) => (
+  <article className={styles.articleLayout}>{children}</article>
+);
+
+export default ArticleLayout;

layouts/New/Base.tsx

···
+import type { FC, PropsWithChildren } from 'react';
+
+import styles from './layouts.module.css';
+
+const BaseLayout: FC<PropsWithChildren> = ({ children }) => (
+  <div className={styles.baseLayout}>{children}</div>
+);
+
+export default BaseLayout;

layouts/New/Default.tsx

···
+import type { FC, PropsWithChildren } from 'react';
+
+import WithFooter from '@/components/withFooter';
+import WithNavBar from '@/components/withNavBar';
+
+const DefaultLayout: FC<PropsWithChildren> = ({ children }) => (
+  <>
+    <WithNavBar />
+
+    {children}
+
+    <WithFooter />
+  </>
+);
+
+export default DefaultLayout;

layouts/New/layouts.module.css

···
+.baseLayout {
+  @apply grid
+    h-screen
+    w-screen
+    grid-cols-[1fr]
+    grid-rows-[auto_1fr_auto];
+}
+
+.articleLayout {
+  @apply grid
+    grid-rows-[1fr]
+    overflow-hidden
+    grid-areas-[sidebar_main_metabar,sidebar_footer_metabar]
+    sm:grid-cols-[200px_1fr_200px]
+    xl:grid-cols-[320px_1fr_320px]
+    xs:block
+    xs:overflow-auto;
+
+  > *:nth-child(1) {
+    @apply grid-in-[sidebar];
+  }
+
+  > *:nth-child(2) {
+    @apply flex
+      w-full
+      flex-col
+      items-start
+      gap-6
+      self-stretch
+      overflow-y-auto
+      overflow-x-hidden
+      bg-gradient-subtle
+      p-12
+      grid-in-[main]
+      dark:bg-gradient-subtle-dark
+      xl:px-[4.5rem]
+      xs:bg-none
+      xs:p-4
+      xs:dark:bg-none;
+  }
+
+  > *:nth-child(3) {
+    @apply grid-in-[metabar];
+  }
+
+  > *:nth-child(4) {
+    @apply sticky
+      bottom-0
+      flex
+      w-full
+      flex-col
+      items-center
+      self-stretch
+      border-t
+      border-t-neutral-200
+      bg-white
+      py-4
+      grid-in-[footer]
+      dark:border-t-neutral-900
+      dark:bg-neutral-950;
+  }
+}

navigation.json

···
 {
-  "about": {
-    "link": "/about",
-    "translationId": "components.header.links.about",
-    "items": {
-      "governance": {
-        "link": "/about/governance",
-        "translationId": "components.navigation.about.links.governance"
-      },
-      "releases": {
-        "link": "/about/previous-releases",
-        "translationId": "components.navigation.about.links.releases"
-      },
-      "security": {
-        "link": "/about/security-reporting",
-        "translationId": "components.navigation.about.links.security"
-      }
+  "topNavigation": {
+    "learn": {
+      "link": "/learn",
+      "label": "components.header.links.learn"
+    },
+    "about": {
+      "link": "/about",
+      "label": "components.header.links.about"
+    },
+    "getInvolved": {
+      "link": "/get-involved",
+      "label": "components.header.links.getInvolved"
+    },
+    "docs": {
+      "link": "/docs",
+      "label": "components.header.links.docs"
+    },
+    "download": {
+      "link": "/download",
+      "label": "components.header.links.download"
+    },
+    "blog": {
+      "link": "/blog",
+      "label": "components.header.links.blog"
+    },
+    "certification": {
+      "link": "https://openjsf.org/certification",
+      "label": "components.header.links.certification"
     }
   },
-  "learn": {
-    "link": "/learn",
-    "translationId": "components.header.links.learn.title",
-    "items": {
-      "gettingStarted": {
-        "link": "/learn/getting-started/introduction-to-nodejs",
-        "translationId": "components.header.links.learn.gettingStarted.title",
-        "items": {
-          "introductionToNodejs": {
-            "link": "/learn/getting-started/introduction-to-nodejs",
-            "translationId": "components.header.links.learn.gettingStarted.introductionToNodejs"
-          },
-          "howToInstallNodejs": {
-            "link": "/learn/getting-started/how-to-install-nodejs",
-            "translationId": "components.header.links.learn.gettingStarted.howToInstallNodejs"
-          },
-          "howMuchJavascriptDoYouNeedToKnowToUseNodejs": {
-            "link": "/learn/getting-started/how-much-javascript-do-you-need-to-know-to-use-nodejs",
-            "translationId": "components.header.links.learn.gettingStarted.howMuchJavascriptDoYouNeedToKnowToUseNodejs"
-          },
-          "differencesBetweenNodejsAndTheBrowser": {
-            "link": "/learn/getting-started/differences-between-nodejs-and-the-browser",
-            "translationId": "components.header.links.learn.gettingStarted.differencesBetweenNodejsAndTheBrowser"
-          },
-          "theV8JavascriptEngine": {
-            "link": "/learn/getting-started/the-v8-javascript-engine",
-            "translationId": "components.header.links.learn.gettingStarted.theV8JavascriptEngine"
-          },
-          "anIntroductionToTheNpmPackageManager": {
-            "link": "/learn/getting-started/an-introduction-to-the-npm-package-manager",
-            "translationId": "components.header.links.learn.gettingStarted.anIntroductionToTheNpmPackageManager"
-          },
-          "ecmascript2015Es6AndBeyond": {
-            "link": "/learn/getting-started/ecmascript-2015-es6-and-beyond",
-            "translationId": "components.header.links.learn.gettingStarted.ecmascript2015Es6AndBeyond"
-          },
-          "nodejsTheDifferenceBetweenDevelopmentAndProduction": {
-            "link": "/learn/getting-started/nodejs-the-difference-between-development-and-production",
-            "translationId": "components.header.links.learn.gettingStarted.nodejsTheDifferenceBetweenDevelopmentAndProduction"
-          },
-          "nodejsWithTypescript": {
-            "link": "/learn/getting-started/nodejs-with-typescript",
-            "translationId": "components.header.links.learn.gettingStarted.nodejsWithTypescript"
-          },
-          "nodejsWithWebassembly": {
-            "link": "/learn/getting-started/nodejs-with-webassembly",
-            "translationId": "components.header.links.learn.gettingStarted.nodejsWithWebassembly"
+  "sideNavigation": {
+    "about": {
+      "label": "components.navigation.about.links.about",
+      "items": {
+        "about": {
+          "link": "/about",
+          "label": "components.navigation.about.links.about"
+        },
+        "governance": {
+          "link": "/about/governance",
+          "label": "components.navigation.about.links.governance"
+        },
+        "releases": {
+          "link": "/about/previous-releases",
+          "label": "components.navigation.about.links.releases"
+        },
+        "security": {
+          "link": "/about/security-reporting",
+          "label": "components.navigation.about.links.security"
+        }
+      }
+    },
+    "getInvolved": {
+      "label": "components.navigation.getInvolved.links.getInvolved",
+      "items": {
+        "getInvolved": {
+          "link": "/get-involved",
+          "label": "components.navigation.getInvolved.links.getInvolved"
+        },
+        "collabSummit": {
+          "link": "/get-involved/collab-summit",
+          "label": "components.navigation.getInvolved.links.collabSummit"
+        },
+        "contribute": {
+          "link": "/get-involved/contribute",
+          "label": "components.navigation.getInvolved.links.contribute"
+        },
+        "codeOfConduct": {
+          "link": "https://github.com/nodejs/node/blob/main/doc/contributing/code-of-conduct.md",
+          "label": "components.navigation.getInvolved.links.codeOfConduct"
+        }
+      }
+    },
+    "docs": {
+      "label": "components.navigation.docs.links.docs",
+      "items": {
+        "docs": {
+          "link": "/docs",
+          "label": "components.navigation.docs.links.docs"
+        },
+        "apiLts": {
+          "link": "https://nodejs.org/dist/latest-{ltsNodeVersion}/docs/api",
+          "label": "components.navigation.docs.links.apiLts"
+        },
+        "apiCurrent": {
+          "link": "https://nodejs.org/dist/latest-{currentNodeVersion}/docs/api",
+          "label": "components.navigation.docs.links.apiCurrent"
+        },
+        "es6": {
+          "link": "/docs/es6",
+          "label": "components.navigation.docs.links.es6"
+        },
+        "guides": {
+          "link": "/docs/guides",
+          "label": "components.navigation.docs.links.guides"
+        },
+        "dependencies": {
+          "link": "https://github.com/nodejs/node/blob/main/doc/contributing/maintaining/maintaining-dependencies.md",
+          "label": "components.navigation.docs.links.dependencies"
+        }
+      }
+    },
+    "learn": {
+      "items": {
+        "gettingStarted": {
+          "label": "components.navigation.learn.gettingStarted.links.gettingStarted",
+          "items": {
+            "introductionToNodejs": {
+              "link": "/learn/getting-started/introduction-to-nodejs",
+              "label": "components.navigation.learn.gettingStarted.links.introductionToNodejs"
+            },
+            "howToInstallNodejs": {
+              "link": "/learn/getting-started/how-to-install-nodejs",
+              "label": "components.navigation.learn.gettingStarted.links.howToInstallNodejs"
+            },
+            "howMuchJavascriptDoYouNeedToKnowToUseNodejs": {
+              "link": "/learn/getting-started/how-much-javascript-do-you-need-to-know-to-use-nodejs",
+              "label": "components.navigation.learn.gettingStarted.links.howMuchJavascriptDoYouNeedToKnowToUseNodejs"
+            },
+            "differencesBetweenNodejsAndTheBrowser": {
+              "link": "/learn/getting-started/differences-between-nodejs-and-the-browser",
+              "label": "components.navigation.learn.gettingStarted.links.differencesBetweenNodejsAndTheBrowser"
+            },
+            "theV8JavascriptEngine": {
+              "link": "/learn/getting-started/the-v8-javascript-engine",
+              "label": "components.navigation.learn.gettingStarted.links.theV8JavascriptEngine"
+            },
+            "anIntroductionToTheNpmPackageManager": {
+              "link": "/learn/getting-started/an-introduction-to-the-npm-package-manager",
+              "label": "components.navigation.learn.gettingStarted.links.anIntroductionToTheNpmPackageManager"
+            },
+            "ecmascript2015Es6AndBeyond": {
+              "link": "/learn/getting-started/ecmascript-2015-es6-and-beyond",
+              "label": "components.navigation.learn.gettingStarted.links.ecmascript2015Es6AndBeyond"
+            },
+            "nodejsTheDifferenceBetweenDevelopmentAndProduction": {
+              "link": "/learn/getting-started/nodejs-the-difference-between-development-and-production",
+              "label": "components.navigation.learn.gettingStarted.links.nodejsTheDifferenceBetweenDevelopmentAndProduction"
+            },
+            "nodejsWithTypescript": {
+              "link": "/learn/getting-started/nodejs-with-typescript",
+              "label": "components.navigation.learn.gettingStarted.links.nodejsWithTypescript"
+            },
+            "nodejsWithWebassembly": {
+              "link": "/learn/getting-started/nodejs-with-webassembly",
+              "label": "components.navigation.learn.gettingStarted.links.nodejsWithWebassembly"
+            }
           }
-        }
-      },
-      "asynchronousWork": {
-        "link": "/learn/asynchronous-work/asynchronous-flow-control",
-        "translationId": "components.header.links.learn.asynchronousWork.title",
-        "items": {
-          "asynchronousFlowControl": {
-            "link": "/learn/asynchronous-work/asynchronous-flow-control",
-            "translationId": "components.header.links.learn.asynchronousWork.asynchronousFlowControl"
-          },
-          "overviewOfBlockingVsNonBlocking": {
-            "link": "/learn/asynchronous-work/overview-of-blocking-vs-non-blocking",
-            "translationId": "components.header.links.learn.asynchronousWork.overviewOfBlockingVsNonBlocking"
-          },
-          "javascriptAsynchronousProgrammingAndCallbacks": {
-            "link": "/learn/asynchronous-work/javascript-asynchronous-programming-and-callbacks",
-            "translationId": "components.header.links.learn.asynchronousWork.javascriptAsynchronousProgrammingAndCallbacks"
-          },
-          "discoverJavaScriptTimers": {
-            "link": "/learn/asynchronous-work/discover-javascript-timers",
-            "translationId": "components.header.links.learn.asynchronousWork.discoverJavaScriptTimers"
-          },
-          "understandingProcessnexttick": {
-            "link": "/learn/asynchronous-work/understanding-processnexttick",
-            "translationId": "components.header.links.learn.asynchronousWork.understandingProcessnexttick"
-          },
-          "understandingSetimmediate": {
-            "link": "/learn/asynchronous-work/understanding-setimmediate",
-            "translationId": "components.header.links.learn.asynchronousWork.understandingSetimmediate"
-          },
-          "theNodejsEventEmitter": {
-            "link": "/learn/asynchronous-work/the-nodejs-event-emitter",
-            "translationId": "components.header.links.learn.asynchronousWork.theNodejsEventEmitter"
+        },
+        "asynchronousWork": {
+          "label": "components.navigation.learn.asynchronousWork.links.asynchronousWork",
+          "items": {
+            "asynchronousFlowControl": {
+              "link": "/learn/asynchronous-work/asynchronous-flow-control",
+              "label": "components.navigation.learn.asynchronousWork.links.asynchronousFlowControl"
+            },
+            "overviewOfBlockingVsNonBlocking": {
+              "link": "/learn/asynchronous-work/overview-of-blocking-vs-non-blocking",
+              "label": "components.navigation.learn.asynchronousWork.links.overviewOfBlockingVsNonBlocking"
+            },
+            "javascriptAsynchronousProgrammingAndCallbacks": {
+              "link": "/learn/asynchronous-work/javascript-asynchronous-programming-and-callbacks",
+              "label": "components.navigation.learn.asynchronousWork.links.javascriptAsynchronousProgrammingAndCallbacks"
+            },
+            "discoverJavaScriptTimers": {
+              "link": "/learn/asynchronous-work/discover-javascript-timers",
+              "label": "components.navigation.learn.asynchronousWork.links.discoverJavaScriptTimers"
+            },
+            "understandingProcessnexttick": {
+              "link": "/learn/asynchronous-work/understanding-processnexttick",
+              "label": "components.navigation.learn.asynchronousWork.links.understandingProcessnexttick"
+            },
+            "understandingSetimmediate": {
+              "link": "/learn/asynchronous-work/understanding-setimmediate",
+              "label": "components.navigation.learn.asynchronousWork.links.understandingSetimmediate"
+            },
+            "theNodejsEventEmitter": {
+              "link": "/learn/asynchronous-work/the-nodejs-event-emitter",
+              "label": "components.navigation.learn.asynchronousWork.links.theNodejsEventEmitter"
+            }
           }
-        }
-      },
-      "manipulatingFiles": {
-        "link": "/learn/manipulating-files/nodejs-file-stats",
-        "translationId": "components.header.links.learn.manipulatingFiles.title",
-        "items": {
-          "nodejsFileStats": {
-            "link": "/learn/manipulating-files/nodejs-file-stats",
-            "translationId": "components.header.links.learn.manipulatingFiles.nodejsFileStats"
-          },
-          "nodejsFilePaths": {
-            "link": "/learn/manipulating-files/nodejs-file-paths",
-            "translationId": "components.header.links.learn.manipulatingFiles.nodejsFilePaths"
-          },
-          "workingWithFileDescriptorsInNodejs": {
-            "link": "/learn/manipulating-files/working-with-file-descriptors-in-nodejs",
-            "translationId": "components.header.links.learn.manipulatingFiles.workingWithFileDescriptorsInNodejs"
-          },
-          "readingFilesWithNodejs": {
-            "link": "/learn/manipulating-files/reading-files-with-nodejs",
-            "translationId": "components.header.links.learn.manipulatingFiles.readingFilesWithNodejs"
-          },
-          "writingFilesWithNodejs": {
-            "link": "/learn/manipulating-files/writing-files-with-nodejs",
-            "translationId": "components.header.links.learn.manipulatingFiles.writingFilesWithNodejs"
-          },
-          "workingWithFoldersInNodejs": {
-            "link": "/learn/manipulating-files/working-with-folders-in-nodejs",
-            "translationId": "components.header.links.learn.manipulatingFiles.workingWithFoldersInNodejs"
+        },
+        "manipulatingFiles": {
+          "label": "components.navigation.learn.manipulatingFiles.links.manipulatingFiles",
+          "items": {
+            "nodejsFileStats": {
+              "link": "/learn/manipulating-files/nodejs-file-stats",
+              "label": "components.navigation.learn.manipulatingFiles.links.nodejsFileStats"
+            },
+            "nodejsFilePaths": {
+              "link": "/learn/manipulating-files/nodejs-file-paths",
+              "label": "components.navigation.learn.manipulatingFiles.links.nodejsFilePaths"
+            },
+            "workingWithFileDescriptorsInNodejs": {
+              "link": "/learn/manipulating-files/working-with-file-descriptors-in-nodejs",
+              "label": "components.navigation.learn.manipulatingFiles.links.workingWithFileDescriptorsInNodejs"
+            },
+            "readingFilesWithNodejs": {
+              "link": "/learn/manipulating-files/reading-files-with-nodejs",
+              "label": "components.navigation.learn.manipulatingFiles.links.readingFilesWithNodejs"
+            },
+            "writingFilesWithNodejs": {
+              "link": "/learn/manipulating-files/writing-files-with-nodejs",
+              "label": "components.navigation.learn.manipulatingFiles.links.writingFilesWithNodejs"
+            },
+            "workingWithFoldersInNodejs": {
+              "link": "/learn/manipulating-files/working-with-folders-in-nodejs",
+              "label": "components.navigation.learn.manipulatingFiles.links.workingWithFoldersInNodejs"
+            }
           }
-        }
-      },
-      "commandLine": {
-        "link": "/learn/command-line/run-nodejs-scripts-from-the-command-line",
-        "translationId": "components.header.links.learn.commandLine.title",
-        "items": {
-          "runNodejsScriptsFromTheCommandLine": {
-            "link": "/learn/command-line/run-nodejs-scripts-from-the-command-line",
-            "translationId": "components.header.links.learn.commandLine.runNodejsScriptsFromTheCommandLine"
-          },
-          "howToReadEnvironmentVariablesFromNodejs": {
-            "link": "/learn/command-line/how-to-read-environment-variables-from-nodejs",
-            "translationId": "components.header.links.learn.commandLine.howToReadEnvironmentVariablesFromNodejs"
-          },
-          "howToUseTheNodejsRepl": {
-            "link": "/learn/command-line/how-to-use-the-nodejs-repl",
-            "translationId": "components.header.links.learn.commandLine.howToUseTheNodejsRepl"
-          },
-          "outputToTheCommandLineUsingNodejs": {
-            "link": "/learn/command-line/output-to-the-command-line-using-nodejs",
-            "translationId": "components.header.links.learn.commandLine.outputToTheCommandLineUsingNodejs"
-          },
-          "acceptInputFromTheCommandLineInNodejs": {
-            "link": "/learn/command-line/accept-input-from-the-command-line-in-nodejs",
-            "translationId": "components.header.links.learn.commandLine.acceptInputFromTheCommandLineInNodejs"
+        },
+        "commandLine": {
+          "label": "components.navigation.learn.commandLine.links.commandLine",
+          "items": {
+            "runNodejsScriptsFromTheCommandLine": {
+              "link": "/learn/command-line/run-nodejs-scripts-from-the-command-line",
+              "label": "components.navigation.learn.commandLine.links.runNodejsScriptsFromTheCommandLine"
+            },
+            "howToReadEnvironmentVariablesFromNodejs": {
+              "link": "/learn/command-line/how-to-read-environment-variables-from-nodejs",
+              "label": "components.navigation.learn.commandLine.links.howToReadEnvironmentVariablesFromNodejs"
+            },
+            "howToUseTheNodejsRepl": {
+              "link": "/learn/command-line/how-to-use-the-nodejs-repl",
+              "label": "components.navigation.learn.commandLine.links.howToUseTheNodejsRepl"
+            },
+            "outputToTheCommandLineUsingNodejs": {
+              "link": "/learn/command-line/output-to-the-command-line-using-nodejs",
+              "label": "components.navigation.learn.commandLine.links.outputToTheCommandLineUsingNodejs"
+            },
+            "acceptInputFromTheCommandLineInNodejs": {
+              "link": "/learn/command-line/accept-input-from-the-command-line-in-nodejs",
+              "label": "components.navigation.learn.commandLine.links.acceptInputFromTheCommandLineInNodejs"
+            }
           }
         }
       }
-    }
-  },
-  "download": {
-    "link": "/download",
-    "translationId": "components.header.links.download",
-    "items": {
-      "shaSums": {
-        "link": "https://nodejs.org/dist/{nodeVersion}/SHASUMS256.txt.asc",
-        "translationId": "components.downloadList.links.shaSums.title"
-      },
-      "allDownloads": {
-        "link": "https://nodejs.org/dist/{nodeVersion}/",
-        "translationId": "components.downloadList.links.allDownloads"
-      },
-      "packageManager": {
-        "link": "/download/package-manager",
-        "translationId": "components.downloadList.links.packageManager"
-      },
-      "previousReleases": {
-        "link": "/about/previous-releases",
-        "translationId": "components.downloadList.links.previousReleases"
-      },
-      "nightlyReleases": {
-        "link": "https://nodejs.org/download/nightly/",
-        "translationId": "components.downloadList.links.nightlyReleases"
-      },
-      "unofficialBuilds": {
-        "link": "https://unofficial-builds.nodejs.org/download/",
-        "translationId": "components.downloadList.links.unofficialBuilds"
-      },
-      "buildingFromSource": {
-        "link": "https://github.com/nodejs/node/blob/main/BUILDING.md#building-nodejs-on-supported-platforms",
-        "translationId": "components.downloadList.links.buildingFromSource"
-      },
-      "installingOnLinux": {
-        "link": "https://github.com/nodejs/help/wiki/Installation",
-        "translationId": "components.downloadList.links.installingOnLinux"
-      },
-      "installingOnWsl": {
-        "link": "https://github.com/nodejs/node/blob/main/BUILDING.md#building-nodejs-on-supported-platforms",
-        "translationId": "components.downloadList.links.installingOnWsl"
-      }
-    }
-  },
-  "docs": {
-    "link": "/docs",
-    "translationId": "components.header.links.docs",
-    "items": {
-      "apiLts": {
-        "link": "https://nodejs.org/dist/latest-{ltsNodeVersion}/docs/api",
-        "translationId": "components.navigation.docs.links.apiLts"
-      },
-      "apiCurrent": {
-        "link": "https://nodejs.org/dist/latest-{currentNodeVersion}/docs/api",
-        "translationId": "components.navigation.docs.links.apiCurrent"
-      },
-      "es6": {
-        "link": "/docs/es6",
-        "translationId": "components.navigation.docs.links.es6"
-      },
-      "guides": {
-        "link": "/docs/guides",
-        "translationId": "components.navigation.docs.links.guides"
-      },
-      "dependencies": {
-        "link": "https://github.com/nodejs/node/blob/main/doc/contributing/maintaining/maintaining-dependencies.md",
-        "translationId": "components.navigation.docs.links.dependencies"
-      }
-    }
-  },
-  "getInvolved": {
-    "link": "/get-involved",
-    "translationId": "components.header.links.getInvolved",
-    "items": {
-      "collabSummit": {
-        "link": "/get-involved/collab-summit",
-        "translationId": "components.navigation.getInvolved.links.collabSummit"
-      },
-      "contribute": {
-        "link": "/get-involved/contribute",
-        "translationId": "components.navigation.getInvolved.links.contribute"
-      },
-      "codeOfConduct": {
-        "link": "https://github.com/nodejs/node/blob/main/doc/contributing/code-of-conduct.md",
-        "translationId": "components.navigation.getInvolved.links.codeOfConduct"
+    },
+    "download": {
+      "items": {
+        "shaSums": {
+          "link": "https://nodejs.org/dist/{nodeVersion}/SHASUMS256.txt.asc",
+          "label": "components.downloadList.links.shaSums.title"
+        },
+        "allDownloads": {
+          "link": "https://nodejs.org/dist/{nodeVersion}/",
+          "label": "components.downloadList.links.allDownloads"
+        },
+        "packageManager": {
+          "link": "/download/package-manager",
+          "label": "components.downloadList.links.packageManager"
+        },
+        "previousReleases": {
+          "link": "/about/previous-releases",
+          "label": "components.downloadList.links.previousReleases"
+        },
+        "nightlyReleases": {
+          "link": "https://nodejs.org/download/nightly/",
+          "label": "components.downloadList.links.nightlyReleases"
+        },
+        "unofficialBuilds": {
+          "link": "https://unofficial-builds.nodejs.org/download/",
+          "label": "components.downloadList.links.unofficialBuilds"
+        },
+        "buildingFromSource": {
+          "link": "https://github.com/nodejs/node/blob/main/BUILDING.md#building-nodejs-on-supported-platforms",
+          "label": "components.downloadList.links.buildingFromSource"
+        },
+        "installingOnLinux": {
+          "link": "https://github.com/nodejs/help/wiki/Installation",
+          "label": "components.downloadList.links.installingOnLinux"
+        },
+        "installingOnWsl": {
+          "link": "https://github.com/nodejs/node/blob/main/BUILDING.md#building-nodejs-on-supported-platforms",
+          "label": "components.downloadList.links.installingOnWsl"
+        }
       }
     }
-  },
-  "certification": {
-    "link": "https://openjsf.org/certification",
-    "translationId": "components.header.links.certification",
-    "items": {}
-  },
-  "blog": {
-    "link": "/blog",
-    "translationId": "components.header.links.blog",
-    "items": {}
   }
 }

next-data/generators/releaseData.mjs

···
         major: latestVersion.semver.major,
         version: latestVersion.semver.raw,
         versionWithPrefix: `v${latestVersion.semver.raw}`,
-        codename: major.codename || '',
+        codename: major.support.codename || '',
         isLts: status === 'Active LTS' || status === 'Maintenance LTS',
         npm: latestVersion.dependencies.npm || '',
         v8: latestVersion.dependencies.v8 || '',

next.config.mjs

···
 'use strict';
 
+import { resolve } from 'node:path';
+
 import { withSentryConfig } from '@sentry/nextjs';
 import withNextIntl from 'next-intl/plugin';
 
 import {
   BASE_PATH,
   ENABLE_STATIC_EXPORT,
+  ENABLE_WEBSITE_REDESIGN,
   SENTRY_DSN,
   SENTRY_ENABLE,
   SENTRY_EXTENSIONS,
···
     // Tree-shakes modules from Sentry Bundle
     config.plugins.push(new webpack.DefinePlugin(SENTRY_EXTENSIONS));
 
+    // This allows us to customise our global styles on build-tim,e
+    // based on if we're running the Website Redesign or not
+    config.resolve.alias = {
+      ...config.resolve.alias,
+      // @deprecated remove when website redesign is done
+      globalStyles$: resolve(
+        ENABLE_WEBSITE_REDESIGN
+          ? './styles/new/index.css'
+          : './styles/old/index.css'
+      ),
+    };
+
     return config;
   },
   experimental: {
+    turbo: {
+      resolveAlias: {
+        // This allows us to customise our global styles on build-tim,e
+        // based on if we're running the Website Redesign or not
+        // @deprecated remove when website redesign is done
+        globalStyles: ENABLE_WEBSITE_REDESIGN
+          ? './styles/new/index.css'
+          : './styles/old/index.css',
+      },
+    },
     // Some of our static pages from `getStaticProps` have a lot of data
     // since we pass the fully-compiled MDX page from `MDXRemote` through
     // a page's static props.

next.constants.mjs

···
  * Note that this is a manual Environment Variable defined by us during `npm run deploy`
  */
 export const ENABLE_STATIC_EXPORT =
-  process.env.NEXT_STATIC_EXPORT === 'true' ||
-  process.env.NEXT_STATIC_EXPORT === true;
+  process.env.NEXT_PUBLIC_STATIC_EXPORT === 'true' ||
+  process.env.NEXT_PUBLIC_STATIC_EXPORT === true;
+
+/**
+ * This is used for enabling the New Website Redesign Layouts
+ *
+ * Note that this is a manual Environment Variable defined by us if necessary.
+ */
+export const ENABLE_WEBSITE_REDESIGN =
+  process.env.NEXT_PUBLIC_ENABLE_REDESIGN === 'true' ||
+  process.env.NEXT_PUBLIC_ENABLE_REDESIGN === true;
 
 /**
  * This is used for any place that requires the full canonical URL path for the Node.js Website (and its deployment), such as for example, the Node.js RSS Feed.

next.fonts.ts

···
+import { Source_Sans_3, Open_Sans, IBM_Plex_Mono } from 'next/font/google';
+
+// This configures the Next.js Font for Source Sans
+// We then export a variable and class name to be used
+// within Tailwind (tailwind.config.ts) and Storybook (preview.js)
+export const SOURCE_SANS = Source_Sans_3({
+  weight: ['400', '600'],
+  display: 'fallback',
+  subsets: ['latin'],
+});
+
+// This configures the Next.js Font for Open Sans
+// We then export a variable and class name to be used
+// within Tailwind (tailwind.config.ts) and Storybook (preview.js)
+export const OPEN_SANS = Open_Sans({
+  weight: ['300', '400', '600', '700'],
+  display: 'fallback',
+  subsets: ['latin'],
+  variable: '--font-open-sans',
+});
+
+// This configures the Next.js Font for IBM Plex Mono
+// We then export a variable and class name to be used
+// within Tailwind (tailwind.config.ts) and Storybook (preview.js)
+export const IBM_PLEX_MONO = IBM_Plex_Mono({
+  weight: ['600'],
+  subsets: ['latin'],
+  variable: '--font-ibm-plex-mono',
+});

next.json.mjs

···
 import _siteRedirects from './redirects.json' assert { type: 'json' };
 import _siteConfig from './site.json' assert { type: 'json' };
 
-/** @type {Record<string, import('./types').NavigationEntry>} */
+/** @type {import('./types').SiteNavigation} */
 export const siteNavigation = _siteNavigation;
 
 /** @type {Record<string, import('./types').Redirect[]>} */

next.mdx.compiler.mjs

···
 import { matter } from 'vfile-matter';
 
 import { NEXT_REHYPE_PLUGINS, NEXT_REMARK_PLUGINS } from './next.mdx.mjs';
+import { createGitHubSlug } from './util/gitHubUtils';
 
 /**
  * This is our custom simple MDX Compiler that is used to compile Markdown and MDX
···
  *
  * @param {import('vfile').VFile} source
  * @param {'md' | 'mdx'} fileExtension
- * @returns {Promise<{ MDXContent: import('mdx/types').MDXContent; 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>, readingTime: import('reading-time').ReadTimeResults
+ * }>}
  */
 export async function compileMDX(source, fileExtension) {
   // Parses the Frontmatter to the VFile and removes from the original source
   // cleaning the frontmatter to the source that is going to be parsed by the MDX Compiler
   matter(source, { strip: true });
+
+  const slugger = createGitHubSlug();
 
   // This is a minimal MDX Compiler that is lightweight and only parses the MDX
   const { default: MDXContent } = await evaluate(source, {
···
 
   // Retrieve some parsed data from the VFile metadata
   // such as frontmatter and Markdown headings
-  const { headings, matter: frontmatter } = source.data;
+  const { headings, matter: frontmatter, readingTime } = source.data;
+
+  headings.forEach(heading => {
+    // we re-sluggify the links to match the GitHub slugger
+    // since some also do not come with sluggifed links
+    heading.data = { ...heading.data, id: slugger(heading.value) };
+  });
 
-  return { MDXContent, headings, frontmatter };
+  return { MDXContent, headings, frontmatter, readingTime };
 }

next.mdx.mjs

···
 import rehypeAutolinkHeadings from 'rehype-autolink-headings';
 import rehypeSlug from 'rehype-slug';
 import remarkGfm from 'remark-gfm';
+import readingTime from 'remark-reading-time';
 
 import rehypeShikiji from './next.mdx.shiki.mjs';
 
···
  *
  * @type {import('unified').Plugin[]}
  */
-export const NEXT_REMARK_PLUGINS = [remarkGfm, remarkHeadings];
+export const NEXT_REMARK_PLUGINS = [remarkGfm, remarkHeadings, readingTime];

package-lock.json

···
 {
-  "name": "nodejs-org-fork",
+  "name": "nodejs.org",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
···
         "@radix-ui/react-select": "^2.0.0",
         "@radix-ui/react-tabs": "^1.0.4",
         "@radix-ui/react-toast": "^1.1.5",
+        "@savvywombat/tailwindcss-grid-areas": "~3.1.0",
         "@sentry/nextjs": "~7.84.0",
         "@types/node": "20.8.10",
         "@vcarl/remark-headings": "~0.1.0",
···
         "classnames": "~2.3.2",
         "cross-env": "7.0.3",
         "feed": "~4.2.2",
+        "github-slugger": "~2.0.0",
         "glob": "~10.3.10",
         "gray-matter": "~4.0.3",
         "husky": "8.0.3",
···
         "rehype-autolink-headings": "~7.1.0",
         "rehype-slug": "~6.0.0",
         "remark-gfm": "~4.0.0",
+        "remark-reading-time": "~2.0.1",
         "semver": "~7.5.4",
         "sharp": "0.32.6",
         "shikiji": "~0.7.3",
···
       "resolved": "https://registry.npmjs.org/@rushstack/eslint-patch/-/eslint-patch-1.6.0.tgz",
       "integrity": "sha512-2/U3GXA6YiPYQDLGwtGlnNgKYBSwCFIHf8Y9LUY5VATHdtbLlU0Y1R3QoBnT0aB4qv/BEiVVsj7LJXoQCgJ2vA==",
       "dev": true
+    },
+    "node_modules/@savvywombat/tailwindcss-grid-areas": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/@savvywombat/tailwindcss-grid-areas/-/tailwindcss-grid-areas-3.1.0.tgz",
+      "integrity": "sha512-CaNoCS7Zr3OeDDhCSXXU7dnqYjehdjNmDy6NdFxkLAyDcxA8YTI3rjPm6X+bTWyYINHXr+RONG3UKWrSv2UYSw==",
+      "dependencies": {
+        "lodash": "^4.17.21"
+      },
+      "engines": {
+        "node": ">=14.18.2"
+      },
+      "peerDependencies": {
+        "tailwindcss": "^3.0.1"
+      }
     },
     "node_modules/@sentry-internal/tracing": {
       "version": "7.84.0",
···
         "url": "https://opencollective.com/unified"
       }
     },
+    "node_modules/estree-util-value-to-estree": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/estree-util-value-to-estree/-/estree-util-value-to-estree-1.3.0.tgz",
+      "integrity": "sha512-Y+ughcF9jSUJvncXwqRageavjrNPAI+1M/L3BI3PyLp1nmgYTGUXU6t5z1Y7OWuThoDdhPME07bQU+d5LxdJqw==",
+      "dependencies": {
+        "is-plain-obj": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      }
+    },
+    "node_modules/estree-util-value-to-estree/node_modules/is-plain-obj": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-3.0.0.tgz",
+      "integrity": "sha512-gwsOE28k+23GP1B6vFl1oVh/WOzmawBrKwo5Ev6wMKzPkaXaCDIQKzLnvsA42DRlbVTWorkgTKIviAKCWkfUwA==",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/estree-util-visit": {
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/estree-util-visit/-/estree-util-visit-1.2.1.tgz",
···
     "node_modules/lodash": {
       "version": "4.17.21",
       "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
-      "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==",
-      "dev": true
+      "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg=="
     },
     "node_modules/lodash.debounce": {
       "version": "4.0.8",
···
       "engines": {
         "node": ">=8.10.0"
       }
+    },
+    "node_modules/reading-time": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/reading-time/-/reading-time-1.5.0.tgz",
+      "integrity": "sha512-onYyVhBNr4CmAxFsKS7bz+uTLRakypIe4R+5A824vBSkQy/hB3fZepoVEf8OVAxzLvK+H/jm9TzpI3ETSm64Kg=="
     },
     "node_modules/recast": {
       "version": "0.23.4",
···
       },
       "peerDependencies": {
         "prettier": ">=1.0.0"
+      }
+    },
+    "node_modules/remark-reading-time": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/remark-reading-time/-/remark-reading-time-2.0.1.tgz",
+      "integrity": "sha512-fy4BKy9SRhtYbEHvp6AItbRTnrhiDGbqLQTSYVbQPGuRCncU1ubSsh9p/W5QZSxtYcUXv8KGL0xBgPLyNJA1xw==",
+      "dependencies": {
+        "estree-util-is-identifier-name": "^2.0.0",
+        "estree-util-value-to-estree": "^1.3.0",
+        "reading-time": "^1.3.0",
+        "unist-util-visit": "^3.1.0"
+      }
+    },
+    "node_modules/remark-reading-time/node_modules/@types/unist": {
+      "version": "2.0.10",
+      "resolved": "https://registry.npmjs.org/@types/unist/-/unist-2.0.10.tgz",
+      "integrity": "sha512-IfYcSBWE3hLpBg8+X2SEa8LVkJdJEkT2Ese2aaLs3ptGdVtABxndrMaxuFlQ1qdFf9Q5rDvDpxI3WwgvKFAsQA=="
+    },
+    "node_modules/remark-reading-time/node_modules/estree-util-is-identifier-name": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/estree-util-is-identifier-name/-/estree-util-is-identifier-name-2.1.0.tgz",
+      "integrity": "sha512-bEN9VHRyXAUOjkKVQVvArFym08BTWB0aJPppZZr0UNyAqWsLaVfAqP7hbaTJjzHifmB5ebnR8Wm7r7yGN/HonQ==",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/remark-reading-time/node_modules/unist-util-is": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/unist-util-is/-/unist-util-is-5.2.1.tgz",
+      "integrity": "sha512-u9njyyfEh43npf1M+yGKDGVPbY/JWEemg5nH05ncKPfi+kBbKBJoTdsogMu33uhytuLlv9y0O7GH7fEdwLdLQw==",
+      "dependencies": {
+        "@types/unist": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/remark-reading-time/node_modules/unist-util-visit": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/unist-util-visit/-/unist-util-visit-3.1.0.tgz",
+      "integrity": "sha512-Szoh+R/Ll68QWAyQyZZpQzZQm2UPbxibDvaY8Xc9SUtYgPsDzx5AWSk++UUt2hJuow8mvwR+rG+LQLw+KsuAKA==",
+      "dependencies": {
+        "@types/unist": "^2.0.0",
+        "unist-util-is": "^5.0.0",
+        "unist-util-visit-parents": "^4.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/remark-reading-time/node_modules/unist-util-visit-parents": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/unist-util-visit-parents/-/unist-util-visit-parents-4.1.1.tgz",
+      "integrity": "sha512-1xAFJXAKpnnJl8G7K5KgU7FY55y3GcLIXqkzUj5QF/QVP7biUm0K0O2oqVkYsdjzJKifYeWn9+o6piAK2hGSHw==",
+      "dependencies": {
+        "@types/unist": "^2.0.0",
+        "unist-util-is": "^5.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
       }
     },
     "node_modules/remark-rehype": {

package.json

···
   "scripts": {
     "scripts:release-post": "cross-env NODE_NO_WARNINGS=1 node scripts/release-post/index.mjs",
     "serve": "cross-env NODE_NO_WARNINGS=1 next dev --turbo",
+    "serve:redesign": "cross-env NEXT_PUBLIC_ENABLE_REDESIGN=true npm run serve",
     "build": "cross-env NODE_NO_WARNINGS=1 next build",
     "start": "cross-env NODE_NO_WARNINGS=1 next start",
-    "deploy": "cross-env NEXT_STATIC_EXPORT=true npm run build",
+    "deploy": "cross-env NEXT_PUBLIC_STATIC_EXPORT=true npm run build",
     "lint:js": "eslint \"**/*.{js,mjs,ts,tsx}\" --cache --cache-strategy=content --cache-location=.eslintjscache",
     "lint:md": "eslint \"**/*.md?(x)\" --cache --cache-strategy=content --cache-location=.eslintmdcache",
     "lint:css": "stylelint \"**/*.css\" --allow-empty-input --cache --cache-strategy=content --cache-location=.stylelintcache",
···
     "@radix-ui/react-select": "^2.0.0",
     "@radix-ui/react-tabs": "^1.0.4",
     "@radix-ui/react-toast": "^1.1.5",
+    "@savvywombat/tailwindcss-grid-areas": "~3.1.0",
     "@sentry/nextjs": "~7.84.0",
     "@types/node": "20.8.10",
     "@vcarl/remark-headings": "~0.1.0",
···
     "classnames": "~2.3.2",
     "cross-env": "7.0.3",
     "feed": "~4.2.2",
+    "github-slugger": "~2.0.0",
     "glob": "~10.3.10",
     "gray-matter": "~4.0.3",
     "husky": "8.0.3",
···
     "rehype-autolink-headings": "~7.1.0",
     "rehype-slug": "~6.0.0",
     "remark-gfm": "~4.0.0",
+    "remark-reading-time": "~2.0.1",
     "semver": "~7.5.4",
     "sharp": "0.32.6",
     "shikiji": "~0.7.3",

pages/en/about/previous-releases.mdx

···
 
 ### Looking for latest release of a version branch?
 
-<section>
-  <DownloadReleasesTable />
-
-  <small>
-    [<a href="#backref-1">1</a>]: <code>NODE_MODULE_VERSION</code> refers to the ABI (application binary
-    interface) version number of Node.js, used to determine which versions of
-    Node.js compiled C++ add-on binaries can be loaded in to without needing to be
-    re-compiled. It used to be stored as hex value in earlier versions, but is now
-    represented as an integer.
-  </small>
-</section>
+<DownloadReleasesTable />

providers/matterProvider.tsx

···
 import type { Heading } from '@vcarl/remark-headings';
 import { createContext } from 'react';
 import type { FC, PropsWithChildren } from 'react';
+import type { ReadTimeResults } from 'reading-time';
 
 import type { LegacyFrontMatter } from '@/types';
 
-type MatterContext = { matter: LegacyFrontMatter; headings: Heading[] };
+type MatterContext = {
+  frontmatter: LegacyFrontMatter;
+  pathname: string;
+  headings: Heading[];
+  readingTime: ReadTimeResults;
+  filename: string;
+};
 
 export const MatterContext = createContext<MatterContext>({
-  matter: {},
+  frontmatter: {},
+  pathname: '',
   headings: [],
+  readingTime: { text: '', minutes: 0, time: 0, words: 0 },
+  filename: '',
 });
 
-type MatterProviderProps = PropsWithChildren<{
-  matter: LegacyFrontMatter;
-  headings: Heading[];
-}>;
+type MatterProviderProps = PropsWithChildren<MatterContext>;
 
 export const MatterProvider: FC<MatterProviderProps> = ({
-  matter,
-  headings,
   children,
-}) => (
-  <MatterContext.Provider value={{ matter, headings }}>
-    {children}
-  </MatterContext.Provider>
-);
+  ...data
+}) => <MatterContext.Provider value={data}>{children}</MatterContext.Provider>;

styles/new/base.css

···
+* {
+  @apply subpixel-antialiased;
+}
+
+html,
+body {
+  @apply h-full
+    w-full
+    overflow-hidden;
+}
+
+body {
+  @apply scroll-smooth
+    bg-white
+    font-open-sans
+    text-neutral-950
+    dark:bg-neutral-950
+    dark:text-white;
+}

styles/new/index.css

···
 @import 'tailwindcss/components';
 @import 'tailwindcss/utilities';
 @import './mixins';
+@import './base.css';
 @import './markdown.css';
-
-* {
-  @apply subpixel-antialiased;
-}

styles/new/markdown.css

···
 .mdxContent {
-  h1 {
-    @apply text-4xl;
+  hr {
+    @apply w-full
+      border-t
+      border-t-neutral-200
+      bg-white
+      dark:border-t-neutral-900
+      dark:bg-neutral-950;
   }
 
-  h2 {
+  h1 {
     @apply text-3xl;
   }
 
-  h3 {
+  h2 {
     @apply text-2xl;
   }
 
-  h4 {
+  h3 {
     @apply text-xl;
   }
 
-  h5 {
+  h4 {
     @apply text-lg;
   }
 
+  h5,
   h6,
   strong {
     @apply text-base;
···
   a,
   a:link,
   a:visited {
-    @apply text-green-600
+    @apply inline-block
+      text-green-600
       dark:text-green-400;
 
     &:hover {
···
 
   ul {
     @apply list-disc
-      px-5
+      pl-9
+      pr-5
       leading-6
       text-neutral-900
       dark:text-white;
···
   }
 
   table {
-    @apply w-full
+    @apply mb-1
+      w-full
       border-separate
       border-spacing-0
       rounded
···
         py-2
         text-neutral-900
         dark:border-neutral-800
-        dark:text-white;
+        dark:text-white
+        xs:block
+        xs:border-l-0;
+
+      > a {
+        @apply pr-2;
+      }
     }
 
     th {
···
     }
 
     tr:last-child td {
-      @apply border-b-0;
+      @apply sm:border-b-0;
+
+      &:last-child {
+        @apply xs:border-b-0;
+      }
     }
 
     td:first-child,
     th:first-child {
-      @apply border-l-0;
+      @apply sm:border-l-0;
     }
   }
 }

styles/old/page-modules/download.css

···
 
   > thead {
     font-weight: 600;
+
+    th:last-child {
+      text-align: left;
+      padding-left: 1.5rem;
+    }
   }
 
   > tbody {

tailwind.config.ts

···
       white: '#FFFFFF',
       'white-opaque': 'rgba(255, 255, 255, 0.5)',
       transparent: 'transparent',
+      shadow: '#101828',
     },
     fontSize: {
       xs: ['0.75rem', '1rem'],
···
       'ibm-plex-mono': ['var(--font-ibm-plex-mono)'],
     },
     extend: {
+      screens: { xs: { max: '639px' } },
       backgroundImage: {
         'gradient-radial': 'radial-gradient(var(--tw-gradient-stops))',
+        'gradient-subtle':
+          'linear-gradient(180deg, theme(colors.neutral.100 / 50%) 0%, theme(colors.neutral.100 / 0%) 48.32%)',
+        'gradient-subtle-dark':
+          'linear-gradient(180deg, theme(colors.neutral.900 / 50%) 0%, theme(colors.neutral.900 / 0%) 48.32%)',
       },
       boxShadow: {
-        xs: '0px 1px 2px 0px rgba(16, 24, 40, 0.05)',
-        lg: '0px 4px 6px -2px rgba(16, 24, 40, 0.03), 0px 12px 16px -4px rgba(16, 24, 40, 0.08)',
-      },
-      spacing: {
-        '4.5': '1.125rem',
+        xs: '0px 1px 2px 0px theme(colors.shadow / 5%)',
+        lg: '0px 4px 6px -2px theme(colors.shadow / 3%), 0px 12px 16px -4px theme(colors.shadow / 8%)',
       },
-      aria: {
-        current: 'current="page"',
-      },
+      spacing: { '4.5': '1.125rem' },
+      aria: { current: 'current="page"' },
     },
   },
   darkMode: ['class', '[data-theme="dark"]'],
+  plugins: [require('@savvywombat/tailwindcss-grid-areas')],
 } satisfies Config;

turbo.json

···
       "persistent": true,
       "env": [
         "NEXT_PUBLIC_VERCEL_ENV",
-        "NEXT_STATIC_EXPORT",
+        "NEXT_PUBLIC_STATIC_EXPORT",
         "NEXT_PUBLIC_BASE_URL",
         "NEXT_PUBLIC_VERCEL_URL",
         "NEXT_PUBLIC_DIST_URL",
···
       "outputs": [".next/**", "!.next/cache/**"],
       "env": [
         "NEXT_PUBLIC_VERCEL_ENV",
-        "NEXT_STATIC_EXPORT",
+        "NEXT_PUBLIC_STATIC_EXPORT",
         "NEXT_PUBLIC_BASE_URL",
         "NEXT_PUBLIC_VERCEL_URL",
         "NEXT_PUBLIC_DIST_URL",
···
       "persistent": true,
       "env": [
         "NEXT_PUBLIC_VERCEL_ENV",
-        "NEXT_STATIC_EXPORT",
+        "NEXT_PUBLIC_STATIC_EXPORT",
         "NEXT_PUBLIC_BASE_URL",
         "NEXT_PUBLIC_VERCEL_URL",
         "NEXT_PUBLIC_DIST_URL",
···
       "outputs": [".next/**", "!.next/cache/**"],
       "env": [
         "NEXT_PUBLIC_VERCEL_ENV",
-        "NEXT_STATIC_EXPORT",
+        "NEXT_PUBLIC_STATIC_EXPORT",
         "NEXT_PUBLIC_BASE_URL",
         "NEXT_PUBLIC_VERCEL_URL",
         "NEXT_PUBLIC_DIST_URL",

types/i18n.ts

···
+import type { JSXElementConstructor, ReactElement, ReactNode } from 'react';
+
 export interface LocaleConfig {
   code: string;
   localName: string;
···
   hrefLang: string;
   enabled: boolean;
 }
+
+export type FormattedMessage =
+  | string
+  | ReactElement<HTMLElement, string | JSXElementConstructor<HTMLElement>>
+  | readonly ReactNode[];

types/navigation.ts

···
-import type { useTranslations } from 'next-intl';
-
 export type NavigationKeys =
   | 'about'
   | 'download'
···
   | 'blog';
 
 export interface NavigationEntry {
-  translationId: string;
-  link: string;
+  label?: string;
+  link?: string;
   items?: Record<string, NavigationEntry>;
 }
 
-export interface MappedNavigationEntry {
-  text: ReturnType<ReturnType<typeof useTranslations>['rich']>;
-  link: string;
-  key: string;
-  level: number;
-  items: MappedNavigationEntry[];
+export interface SiteNavigation {
+  topNavigation: Record<NavigationKeys, NavigationEntry>;
+  sideNavigation: Record<NavigationKeys, NavigationEntry>;
 }

types/server.ts

···
 import type { Heading } from '@vcarl/remark-headings';
+import type { ReadTimeResults } from 'reading-time';
 
 import type { LegacyFrontMatter } from './frontmatter';
 
···
   frontmatter: LegacyFrontMatter;
   headings: Heading[];
   pathname: string;
+  filename: string;
+  readingTime: ReadTimeResults;
 }

util/gitHubUtils.ts

···
+import GitHubSlugger from 'github-slugger';
+
 export const githubProfileAvatarUrl = (username: string): string =>
   `https://avatars.githubusercontent.com/${username}`;
+
+export const createGitHubSlug = () => {
+  const githubSlugger = new GitHubSlugger();
+
+  return (text: string) => githubSlugger.slug(text);
+};
+
+export const getGitHubEditPageUrl = (filename: string) =>
+  `https://github.com/nodejs/nodejs.org/blob/main/pages/en/${filename}`;