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 ( + + ) +} + +function ImageWithCaption({ src, alt, caption }: { src: string; alt: string; caption: string }) { + return ( +
+
+ {alt} +
+ {caption} +
+ ) +} + +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: +

+ +

+ 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 +
+
+

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. +

+ +
+

Arc Loader:

+
+ + +
+
+ +
+

RR Loader:

+
+ + + +
+
+ +
+

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 */} +
+

Quick Navigation

+ +
+
+ ) +} + 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