diff --git a/web/app/docs/create-vm/synology/page.tsx b/web/app/docs/create-vm/synology/page.tsx
new file mode 100644
index 00000000..6735c10e
--- /dev/null
+++ b/web/app/docs/create-vm/synology/page.tsx
@@ -0,0 +1,419 @@
+import type { Metadata } from "next"
+import { Settings } from "lucide-react"
+import Image from "next/image"
+
+export const metadata: Metadata = {
+ title: "ProxMenux - Create Synology DSM VM",
+ description:
+ "Step-by-step guide to create and configure a Synology DSM VM using ProxMenux with Arc, RR, and TinyCore loaders.",
+ openGraph: {
+ title: "ProxMenux - Create Synology DSM VM",
+ description:
+ "Step-by-step guide to create and configure a Synology DSM VM using ProxMenux with Arc, RR, and TinyCore loaders.",
+ type: "article",
+ url: "https://macrimi.github.io/ProxMenux/docs/synology-vm",
+ images: [
+ {
+ url: "https://macrimi.github.io/ProxMenux/synology-vm-guide.png",
+ width: 1200,
+ height: 630,
+ alt: "ProxMenux - Create Synology DSM VM",
+ },
+ ],
+ },
+ twitter: {
+ card: "summary_large_image",
+ title: "ProxMenux - Create Synology DSM VM",
+ description:
+ "Step-by-step guide to create and configure a Synology DSM VM using ProxMenux with Arc, RR, and TinyCore loaders.",
+ images: ["https://macrimi.github.io/ProxMenux/synology-vm-guide.png"],
+ },
+}
+
+function StepNumber({ number }: { number: number }) {
+ return (
+
+ {number}
+
+ )
+}
+
+function ImageWithCaption({ src, alt, caption }: { src: string; alt: string; caption: string }) {
+ return (
+
+ )
+}
+
+export default function SynologyVmPage() {
+ return (
+
+ {/* Title + Icon */}
+
+
+
Create Synology DSM VM using ProxMenux
+
+
+ {/* Introduction */}
+
+
+ ProxMenux provides an automated script that creates and configures a VM to install Synology DSM (DiskStation
+ Manager). This script allows you to choose from three different loaders:
+
+
+ -
+ AuxXxilium Arc (referred to as "arc")
+
+ -
+ edPill rr (referred to as "rr")
+
+ -
+ TinyCore RedPill M-shell (referred to as "tinycore")
+
+
+
+ You also have the option to add a custom loader if you prefer to modify or create your own configuration.
+
+
+
+ {/* STEP 1 */}
+
+
+
+ Start the VM and Access the Main Menu
+
+
+ Once the VM is created, start it. The first time you boot the VM, you'll access the
+ loader's main menu to select and configure the DSM model you want to build. Once the loader
+ is created, this step will be skipped unless you manually force a reconfiguration from the boot monitor.
+
+
+ {/* Command RR */}
+
+
+ In the case of RR, you'll need to manually enter the following command to open the menu
+ as shown in the image below:
+
+
+ ./menu.sh
+
+
+
RR Command Example: ./menu.sh
+
+
+ {/* Example images */}
+ Examples of loader interfaces:
+
+
+
+
+
+
+
+ {/* STEP 2 */}
+
+
+
+ Select Model
+
+ After loading the menu, select the Synology DSM model you want to install.
+
+
+
+
+
+
+
+ {/* STEP 3 */}
+
+
+
+ Select DSM Version
+
+
+ After selecting the model, you need to choose the DSM version you want to install. In some loaders (such as{" "}
+ arc), you may encounter additional options at this stage.
+
+
+
+
+
+
+
+
TinyCore Loader:
+
+
+
+
+
+
+
+ {/* STEP 4 */}
+
+
+
+ Select Add-Ons
+
+ This step allows you to add additional features or custom configurations to the loader.
+
+ Arc gives you the option to configure automatically or manually adjust the settings.
+
+
+
+
Arc Loader Add-Ons:
+
+
+
+
+
+
+
+
+
+
+
RR Loader Add-Ons:
+
+
+
+
+
+
+
+
+
TinyCore Loader Add-Ons:
+
+
+
+
+
+
+
+
+
+ {/* STEP 5 */}
+
+
+
+ Build the Loader
+
+ Once you have selected the model, DSM version, and add-ons, proceed to build the loader.
+
+ This process might take a few minutes depending on the loader and the selected configuration. To start, select
+ the "Build the Loader" option.
+
+
+
+
+
+
+
+
+
+ {/* STEP 6 */}
+
+
+
+ Boot the Loader
+
+
+ Once the loader has been built, it will prompt you to boot. The VM will restart with the configuration you've
+ created and start the DSM installation.
+
+
+
+
+
+
+
+
+
+ {/* STARTING DSM INSTALLATION */}
+
+
+
+ ✓
+
+ Starting the DSM Installation
+
+ Once the loader is booted, you can find your Synology device using:
+
+ https://find.synology.com
+
+ Follow the on-screen steps to complete the DSM installation.
+
+
+
+
+
+
+ {/* Table of Contents - Fixed on the side for larger screens */}
+
+
+ )
+}
+
diff --git a/web/public/vm/synology/arc/arc_1_1_1.png b/web/public/vm/synology/arc/arc_1_1_1.png
new file mode 100644
index 00000000..5731328f
Binary files /dev/null and b/web/public/vm/synology/arc/arc_1_1_1.png differ
diff --git a/web/public/vm/synology/arc/arc_1_2_1.png b/web/public/vm/synology/arc/arc_1_2_1.png
new file mode 100644
index 00000000..60a701fb
Binary files /dev/null and b/web/public/vm/synology/arc/arc_1_2_1.png differ
diff --git a/web/public/vm/synology/arc/arc_1_3_1.png b/web/public/vm/synology/arc/arc_1_3_1.png
new file mode 100644
index 00000000..e1e5e16c
Binary files /dev/null and b/web/public/vm/synology/arc/arc_1_3_1.png differ
diff --git a/web/public/vm/synology/arc/arc_1_3_2.png b/web/public/vm/synology/arc/arc_1_3_2.png
new file mode 100644
index 00000000..b863ec70
Binary files /dev/null and b/web/public/vm/synology/arc/arc_1_3_2.png differ
diff --git a/web/public/vm/synology/arc/arc_1_4_1.png b/web/public/vm/synology/arc/arc_1_4_1.png
new file mode 100644
index 00000000..7ac7c31b
Binary files /dev/null and b/web/public/vm/synology/arc/arc_1_4_1.png differ
diff --git a/web/public/vm/synology/arc/arc_1_4_2.png b/web/public/vm/synology/arc/arc_1_4_2.png
new file mode 100644
index 00000000..c69b721c
Binary files /dev/null and b/web/public/vm/synology/arc/arc_1_4_2.png differ
diff --git a/web/public/vm/synology/arc/arc_1_4_3.png b/web/public/vm/synology/arc/arc_1_4_3.png
new file mode 100644
index 00000000..fc62bf67
Binary files /dev/null and b/web/public/vm/synology/arc/arc_1_4_3.png differ
diff --git a/web/public/vm/synology/arc/arc_1_4_4.png b/web/public/vm/synology/arc/arc_1_4_4.png
new file mode 100644
index 00000000..44d0398b
Binary files /dev/null and b/web/public/vm/synology/arc/arc_1_4_4.png differ
diff --git a/web/public/vm/synology/arc/arc_1_4_5.png b/web/public/vm/synology/arc/arc_1_4_5.png
new file mode 100644
index 00000000..70c7c047
Binary files /dev/null and b/web/public/vm/synology/arc/arc_1_4_5.png differ
diff --git a/web/public/vm/synology/arc/arc_1_4_6.png b/web/public/vm/synology/arc/arc_1_4_6.png
new file mode 100644
index 00000000..7fb57694
Binary files /dev/null and b/web/public/vm/synology/arc/arc_1_4_6.png differ
diff --git a/web/public/vm/synology/arc/arc_1_5_1.png b/web/public/vm/synology/arc/arc_1_5_1.png
new file mode 100644
index 00000000..52e36c3b
Binary files /dev/null and b/web/public/vm/synology/arc/arc_1_5_1.png differ
diff --git a/web/public/vm/synology/arc/arc_1_6_1.png b/web/public/vm/synology/arc/arc_1_6_1.png
new file mode 100644
index 00000000..d87e5f4d
Binary files /dev/null and b/web/public/vm/synology/arc/arc_1_6_1.png differ
diff --git a/web/public/vm/synology/finish_install_DSM.png b/web/public/vm/synology/finish_install_DSM.png
new file mode 100644
index 00000000..16be1959
Binary files /dev/null and b/web/public/vm/synology/finish_install_DSM.png differ
diff --git a/web/public/vm/synology/install_DSM.png b/web/public/vm/synology/install_DSM.png
new file mode 100644
index 00000000..359f7650
Binary files /dev/null and b/web/public/vm/synology/install_DSM.png differ
diff --git a/web/public/vm/synology/rr/rr_2_0_1.png b/web/public/vm/synology/rr/rr_2_0_1.png
new file mode 100644
index 00000000..2cd17cb8
Binary files /dev/null and b/web/public/vm/synology/rr/rr_2_0_1.png differ
diff --git a/web/public/vm/synology/rr/rr_2_1_1.png b/web/public/vm/synology/rr/rr_2_1_1.png
new file mode 100644
index 00000000..9b1566fc
Binary files /dev/null and b/web/public/vm/synology/rr/rr_2_1_1.png differ
diff --git a/web/public/vm/synology/rr/rr_2_2_1.png b/web/public/vm/synology/rr/rr_2_2_1.png
new file mode 100644
index 00000000..c5b82a5e
Binary files /dev/null and b/web/public/vm/synology/rr/rr_2_2_1.png differ
diff --git a/web/public/vm/synology/rr/rr_2_3_1.png b/web/public/vm/synology/rr/rr_2_3_1.png
new file mode 100644
index 00000000..2f38193b
Binary files /dev/null and b/web/public/vm/synology/rr/rr_2_3_1.png differ
diff --git a/web/public/vm/synology/rr/rr_2_3_2.png b/web/public/vm/synology/rr/rr_2_3_2.png
new file mode 100644
index 00000000..28352b51
Binary files /dev/null and b/web/public/vm/synology/rr/rr_2_3_2.png differ
diff --git a/web/public/vm/synology/rr/rr_2_3_3.png b/web/public/vm/synology/rr/rr_2_3_3.png
new file mode 100644
index 00000000..7ca23602
Binary files /dev/null and b/web/public/vm/synology/rr/rr_2_3_3.png differ
diff --git a/web/public/vm/synology/rr/rr_2_4_1.png b/web/public/vm/synology/rr/rr_2_4_1.png
new file mode 100644
index 00000000..b44d9a40
Binary files /dev/null and b/web/public/vm/synology/rr/rr_2_4_1.png differ
diff --git a/web/public/vm/synology/rr/rr_2_4_2.png b/web/public/vm/synology/rr/rr_2_4_2.png
new file mode 100644
index 00000000..f454447a
Binary files /dev/null and b/web/public/vm/synology/rr/rr_2_4_2.png differ
diff --git a/web/public/vm/synology/rr/rr_2_4_3.png b/web/public/vm/synology/rr/rr_2_4_3.png
new file mode 100644
index 00000000..f2609298
Binary files /dev/null and b/web/public/vm/synology/rr/rr_2_4_3.png differ
diff --git a/web/public/vm/synology/rr/rr_2_5_1.png b/web/public/vm/synology/rr/rr_2_5_1.png
new file mode 100644
index 00000000..910256c4
Binary files /dev/null and b/web/public/vm/synology/rr/rr_2_5_1.png differ
diff --git a/web/public/vm/synology/rr/rr_2_6_1.png b/web/public/vm/synology/rr/rr_2_6_1.png
new file mode 100644
index 00000000..ed93d05d
Binary files /dev/null and b/web/public/vm/synology/rr/rr_2_6_1.png differ
diff --git a/web/public/vm/synology/tinycore/tinycore_3_1_1.png b/web/public/vm/synology/tinycore/tinycore_3_1_1.png
new file mode 100644
index 00000000..ef5e7d4b
Binary files /dev/null and b/web/public/vm/synology/tinycore/tinycore_3_1_1.png differ
diff --git a/web/public/vm/synology/tinycore/tinycore_3_2_1.png b/web/public/vm/synology/tinycore/tinycore_3_2_1.png
new file mode 100644
index 00000000..bb2deea7
Binary files /dev/null and b/web/public/vm/synology/tinycore/tinycore_3_2_1.png differ
diff --git a/web/public/vm/synology/tinycore/tinycore_3_3_1.png b/web/public/vm/synology/tinycore/tinycore_3_3_1.png
new file mode 100644
index 00000000..69c86310
Binary files /dev/null and b/web/public/vm/synology/tinycore/tinycore_3_3_1.png differ
diff --git a/web/public/vm/synology/tinycore/tinycore_3_3_2.png b/web/public/vm/synology/tinycore/tinycore_3_3_2.png
new file mode 100644
index 00000000..d488de55
Binary files /dev/null and b/web/public/vm/synology/tinycore/tinycore_3_3_2.png differ
diff --git a/web/public/vm/synology/tinycore/tinycore_3_4_1.png b/web/public/vm/synology/tinycore/tinycore_3_4_1.png
new file mode 100644
index 00000000..cacbc05f
Binary files /dev/null and b/web/public/vm/synology/tinycore/tinycore_3_4_1.png differ
diff --git a/web/public/vm/synology/tinycore/tinycore_3_4_2.png b/web/public/vm/synology/tinycore/tinycore_3_4_2.png
new file mode 100644
index 00000000..088e1ff9
Binary files /dev/null and b/web/public/vm/synology/tinycore/tinycore_3_4_2.png differ
diff --git a/web/public/vm/synology/tinycore/tinycore_3_4_3.png b/web/public/vm/synology/tinycore/tinycore_3_4_3.png
new file mode 100644
index 00000000..54d944ff
Binary files /dev/null and b/web/public/vm/synology/tinycore/tinycore_3_4_3.png differ
diff --git a/web/public/vm/synology/tinycore/tinycore_3_4_4.png b/web/public/vm/synology/tinycore/tinycore_3_4_4.png
new file mode 100644
index 00000000..01da390c
Binary files /dev/null and b/web/public/vm/synology/tinycore/tinycore_3_4_4.png differ
diff --git a/web/public/vm/synology/tinycore/tinycore_3_5_1.png b/web/public/vm/synology/tinycore/tinycore_3_5_1.png
new file mode 100644
index 00000000..f088687b
Binary files /dev/null and b/web/public/vm/synology/tinycore/tinycore_3_5_1.png differ
diff --git a/web/public/vm/synology/tinycore/tinycore_3_6_1.png b/web/public/vm/synology/tinycore/tinycore_3_6_1.png
new file mode 100644
index 00000000..12a5e85d
Binary files /dev/null and b/web/public/vm/synology/tinycore/tinycore_3_6_1.png differ