diff --git a/web/app/docs/create-vm/synology/page.tsx b/web/app/docs/create-vm/synology/page.tsx
index 6735c10..7af73c3 100644
--- a/web/app/docs/create-vm/synology/page.tsx
+++ b/web/app/docs/create-vm/synology/page.tsx
@@ -1,33 +1,552 @@
-import type { Metadata } from "next"
-import { Settings } from "lucide-react"
-import Image from "next/image"
+"use client"
-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"],
- },
+import Image from "next/image"
+import { Wrench, Target, CheckCircle } from "lucide-react"
+import { useState } from "react"
+
+export default function Page() {
+ return (
+
+
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 simplifies the process by downloading and adding one of the available loaders to the VM
+ boot, giving you the option between three different choices:
+
+
+
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.
+
+
+ All loaders are similar although each has its own structure and configuration methods. This guide describes
+ the 6 basic steps involved in setting up a Synology DSM loader. The exact steps may vary depending on the
+ loader and/or changes introduced by the developer, so understanding the basic steps similar in all of them
+ will help you know how to build the loader of your choice for the proper functioning of Synology DS.
+
+
+
+
+
+
+ Step-by-Step Guide
+
+
+ This guide will walk you through the process of configuring the loader and setting up the VM. Each step
+ includes screenshots to show how the process looks with the three loaders (arc, rr, and tinycore).
+
+
+
+
+
+
+ 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.
+
+ After loading the menu, select the Synology DSM model you want to install. Depending on the loader, you may
+ sometimes need to expand the options to see more models.
+
+ 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.
+
+ 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.
+
+ 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.
+
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.
+
+
+
+
+
+
+
+
+
+ Tips
+
+
+
+ Keep in mind that available options may change depending on the loader version and developer updates. If you
+ encounter issues during the loader creation process, consult the loader documentation. ProxMenux does not
+ provide support for the different loaders.
+
+
Some loaders offer the possibility of configuration via web with ip:7080 or 7090.
+
+ Some older DSM models may have issues recognizing disks or the network card. It is recommended to use more
+ recent models.
+
- 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.
-
-
-
-
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 */}
-