Docs: add n as community download option

apps/site/components/Icons/InstallationMethod/Placeholder.tsx

@@ -0,0 +1,15 @@
+import type { FC, SVGProps } from 'react';
+
+// This is an empty placeholder for layout purposes.
+const Placeholder: FC<SVGProps<SVGSVGElement>> = props => (
+  <svg
+    width="32"
+    height="32"
+    viewBox="0 0 32 32"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  ></svg>
+);
+
+export default Placeholder;

apps/site/components/Icons/InstallationMethod/index.ts

@@ -4,5 +4,6 @@ import Docker from '@/components/Icons/InstallationMethod/Docker';
 import FNM from '@/components/Icons/InstallationMethod/FNM';
 import Homebrew from '@/components/Icons/InstallationMethod/Homebrew';
 import NVM from '@/components/Icons/InstallationMethod/NVM';
+import Placeholder from '@/components/Icons/InstallationMethod/Placeholder';
 
-export default { Choco, Devbox, Docker, FNM, Homebrew, NVM };
+export default { Choco, Devbox, Docker, FNM, Homebrew, NVM, Placeholder };

apps/site/components/__design__/platform-logos.stories.tsx

@@ -17,6 +17,7 @@ export const PlatformLogos: StoryObj = {
         <InstallMethodIcons.Homebrew width={64} height={64} />
         <InstallMethodIcons.NVM width={64} height={64} />
         <InstallMethodIcons.Devbox width={64} height={64} />
+        <InstallMethodIcons.Placeholder width={64} height={64} />
       </div>
       <div className="flex flex-col items-center gap-4">
         <InstallMethodIcons.Choco width={64} height={64} />

apps/site/snippets/en/download/n.bash

@@ -0,0 +1,11 @@
+# For more about n-install: https://github.com/mklement0/n-install
+# For more about n, including other ways to install n: https://github.com/tj/n
+
+# Download and install n and Node.js with a single command:
+curl -L https://bit.ly/n-install | bash -s ${props.release.major}
+
+# Download and install Node.js, done for you by n-install:
+#   n install ${props.release.major}
+
+# Verify the Node.js version:
+node -v # Should print "${props.release.versionWithPrefix}".

apps/site/types/release.ts

@@ -8,7 +8,8 @@ export type InstallationMethod =
   | 'BREW'
   | 'DEVBOX'
   | 'DOCKER'
-  | 'CHOCO';
+  | 'CHOCO'
+  | 'N';
 export type PackageManager = 'NPM' | 'YARN' | 'PNPM';
 
 // Items with a pipe/default value mean that they are auto inferred

apps/site/util/downloadUtils.tsx

@@ -34,6 +34,7 @@ export enum InstallationMethodLabel {
   CHOCO = 'Chocolatey',
   DEVBOX = 'Devbox',
   DOCKER = 'Docker',
+  N = 'n',
 }
 
 export enum PackageManagerLabel {
@@ -209,6 +210,14 @@ export const INSTALL_METHODS: Array<
     url: 'https://docs.docker.com/get-started/get-docker/',
     info: 'layouts.download.codeBox.platformInfo.docker',
   },
+  {
+    label: InstallationMethodLabel.N,
+    value: 'N',
+    compatibility: { os: ['MAC', 'LINUX'] },
+    iconImage: <InstallMethodIcons.Placeholder width={16} height={16} />,
+    url: 'https://github.com/tj/n',
+    info: 'layouts.download.codeBox.platformInfo.n',
+  },
 ];
 
 export const PACKAGE_MANAGERS: Array<

packages/i18n/locales/en.json

@@ -284,7 +284,8 @@
           "brew": "Homebrew is a package manager for macOS and Linux.",
           "choco": "Chocolatey is a package manager for Windows.",
           "devbox": "Devbox creates isolated, reproducible development environments.",
-          "docker": "Docker is a containerization platform."
+          "docker": "Docker is a containerization platform.",
+          "n": "\"n\" is a cross-platform Node.js version manager."
         }
       }
     },