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 0000000..6735c10
--- /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 0000000..5731328
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 0000000..60a701f
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 0000000..e1e5e16
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 0000000..b863ec7
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 0000000..7ac7c31
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 0000000..c69b721
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 0000000..fc62bf6
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 0000000..44d0398
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 0000000..70c7c04
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 0000000..7fb5769
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 0000000..52e36c3
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 0000000..d87e5f4
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 0000000..16be195
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 0000000..359f765
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 0000000..2cd17cb
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 0000000..9b1566f
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 0000000..c5b82a5
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 0000000..2f38193
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 0000000..28352b5
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 0000000..7ca2360
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 0000000..b44d9a4
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 0000000..f454447
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 0000000..f260929
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 0000000..910256c
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 0000000..ed93d05
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 0000000..ef5e7d4
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 0000000..bb2deea
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 0000000..69c8631
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 0000000..d488de5
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 0000000..cacbc05
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 0000000..088e1ff
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 0000000..54d944f
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 0000000..01da390
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 0000000..f088687
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 0000000..12a5e85
Binary files /dev/null and b/web/public/vm/synology/tinycore/tinycore_3_6_1.png differ