mirror of
https://github.com/MacRimi/ProxMenux.git
synced 2025-06-28 04:06:54 +00:00
Update images create VM
This commit is contained in:
MacRimi
parent
2e7ce0ff00
commit
3f0017f7d4
174
web/app/docs/create-vm/page.tsx
Normal file
174
web/app/docs/create-vm/page.tsx
Normal file
@ -0,0 +1,174 @@
|
||||
import type React from "react"
|
||||
import type { Metadata } from "next"
|
||||
import Link from "next/link"
|
||||
import Image from "next/image"
|
||||
import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "@/components/ui/card"
|
||||
import { ArrowRight, Server, ComputerIcon as Windows, LaptopIcon as Linux, HardDrive, Monitor } from "lucide-react"
|
||||
|
||||
export const metadata: Metadata = {
|
||||
title: "ProxMenux Documentation: Virtual Machines",
|
||||
description:
|
||||
"Comprehensive guide for creating and configuring virtual machines on Proxmox VE using ProxMenux, with dedicated sections for NAS, Windows, and Linux systems.",
|
||||
openGraph: {
|
||||
title: "ProxMenux Documentation: Virtual Machines",
|
||||
description:
|
||||
"Comprehensive guide for creating and configuring virtual machines on Proxmox VE using ProxMenux, with dedicated sections for NAS, Windows, and Linux systems.",
|
||||
type: "article",
|
||||
url: "https://macrimi.github.io/ProxMenux/docs/virtual-machines",
|
||||
images: [
|
||||
{
|
||||
url: "https://macrimi.github.io/ProxMenux/vm/vm-creation-menu.png",
|
||||
width: 1200,
|
||||
height: 630,
|
||||
alt: "ProxMenux Virtual Machines Menu",
|
||||
},
|
||||
],
|
||||
},
|
||||
twitter: {
|
||||
card: "summary_large_image",
|
||||
title: "ProxMenux Documentation: Virtual Machines",
|
||||
description:
|
||||
"Comprehensive guide for creating and configuring virtual machines on Proxmox VE using ProxMenux, with dedicated sections for NAS, Windows, and Linux systems.",
|
||||
images: ["https://macrimi.github.io/ProxMenux/vm/vm-creation-menu.png"],
|
||||
},
|
||||
}
|
||||
|
||||
interface ImageWithCaptionProps {
|
||||
src: string
|
||||
alt: string
|
||||
caption: string
|
||||
|
||||
}
|
||||
|
||||
function ImageWithCaption({ src, alt, caption }: ImageWithCaptionProps) {
|
||||
return (
|
||||
<div className="flex flex-col items-center w-full max-w-[768px] mx-auto my-4">
|
||||
<div className="w-full rounded-md overflow-hidden border border-gray-200">
|
||||
<Image
|
||||
src={src || "/placeholder.svg"}
|
||||
alt={alt}
|
||||
width={768}
|
||||
height={0}
|
||||
style={{ height: "auto" }}
|
||||
className="object-contain w-full"
|
||||
sizes="(max-width: 768px) 100vw, 768px"
|
||||
/>
|
||||
</div>
|
||||
<span className="mt-2 text-sm text-gray-600">{caption}</span>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
export default function VirtualMachinesPage() {
|
||||
return (
|
||||
<div className="container mx-auto py-10 px-4 bg-white text-black">
|
||||
<div className="mb-10">
|
||||
<div className="flex items-center gap-3 mb-6">
|
||||
<Server className="h-8 w-8 mr-2 text-blue-500" />
|
||||
<h1 className="text-3xl font-bold text-black">Virtual Machines Menu</h1>
|
||||
</div>
|
||||
|
||||
<div className="space-y-4 mt-6">
|
||||
<p className="text-lg text-black">
|
||||
ProxMenux provides an automated system for creating and configuring virtual machines on Proxmox VE through
|
||||
an interactive menu interface. Select one of the categories below to explore the available VM creation
|
||||
options.
|
||||
</p>
|
||||
|
||||
<p className="text-black">
|
||||
Each category contains specialized scripts and configurations designed to simplify the process of creating
|
||||
virtual machines for different operating systems and use cases. This eliminates the need to remember complex
|
||||
command syntax or manually configure VMs when deploying new systems.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<ImageWithCaption
|
||||
src="https://macrimi.github.io/ProxMenux/vm/vm-creation-menu.png"
|
||||
alt="Virtual Machines Creation Menu"
|
||||
caption="Virtual Machines Creation Menu"
|
||||
/>
|
||||
|
||||
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-2 gap-6 mt-10">
|
||||
<VMCard
|
||||
title="System NAS"
|
||||
description="Create and configure NAS virtual machines including Synology DSM, TrueNAS, and other storage systems"
|
||||
icon={<HardDrive className="h-8 w-8 text-blue-500" />}
|
||||
href="/docs/create-vm/system-nas"
|
||||
/>
|
||||
|
||||
<VMCard
|
||||
title="System Windows"
|
||||
description="Deploy Windows virtual machines with optimized configurations for Windows"
|
||||
icon={<Windows className="h-8 w-8 text-blue-500" />}
|
||||
href="/docs/create-vm/system-windows"
|
||||
/>
|
||||
|
||||
<VMCard
|
||||
title="System Linux"
|
||||
description="Create Linux virtual machines with configurations for popular distributions like Ubuntu, Debian, and CentOS"
|
||||
icon={<Linux className="h-8 w-8 text-blue-500" />}
|
||||
href="/docs/create-vm/system-linux"
|
||||
/>
|
||||
|
||||
<VMCard
|
||||
title="Other Linux Systems"
|
||||
description="Deploy specialized Linux distributions and configurations for specific use cases"
|
||||
icon={<Server className="h-8 w-8 text-blue-500" />}
|
||||
href="/docs/create-vm/other-linux"
|
||||
/>
|
||||
|
||||
<VMCard
|
||||
title="System macOS"
|
||||
description="Easily install macOS on Proxmox VE with just a few steps! This guide provides the simplest and most effective way to set up macOS on Proxmox, whether you're using AMD or Intel hardware. This is an external script; for more information, visit the project's page."
|
||||
icon={<Monitor className="h-8 w-8 text-blue-500" />}
|
||||
href="https://osx-proxmox.com"
|
||||
externalLink
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
interface VMCardProps {
|
||||
title: string
|
||||
description: string
|
||||
icon: React.ReactNode
|
||||
href: string
|
||||
externalLink?: boolean
|
||||
}
|
||||
|
||||
function VMCard({ title, description, icon, href, externalLink = false }: VMCardProps) {
|
||||
return (
|
||||
<Card className="transition-all duration-300 hover:shadow-md hover:border-blue-300 bg-white text-black border-2 border-gray-200">
|
||||
<CardHeader>
|
||||
<div className="flex items-center gap-3">
|
||||
{icon}
|
||||
<CardTitle className="text-xl text-black">{title}</CardTitle>
|
||||
</div>
|
||||
</CardHeader>
|
||||
<CardContent>
|
||||
<CardDescription className="text-base text-gray-600">{description}</CardDescription>
|
||||
</CardContent>
|
||||
<CardFooter>
|
||||
{externalLink ? (
|
||||
<a
|
||||
href={href}
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
className="flex items-center text-blue-500 hover:text-blue-700 transition-colors"
|
||||
>
|
||||
View details <ArrowRight className="ml-2 h-4 w-4" />
|
||||
</a>
|
||||
) : (
|
||||
<Link
|
||||
href={href}
|
||||
className="flex items-center text-blue-500 hover:text-blue-700 transition-colors"
|
||||
>
|
||||
View details <ArrowRight className="ml-2 h-4 w-4" />
|
||||
</Link>
|
||||
)}
|
||||
</CardFooter>
|
||||
</Card>
|
||||
)
|
||||
}
|
||||
318
web/app/docs/create-vm/system-nas/page.tsx
Normal file
318
web/app/docs/create-vm/system-nas/page.tsx
Normal file
@ -0,0 +1,318 @@
|
||||
import type React from "react"
|
||||
import type { Metadata } from "next"
|
||||
import Link from "next/link"
|
||||
import Image from "next/image"
|
||||
import { HardDrive, Info, Database, Server, MonitorIcon, Star, Cpu, Github } from "lucide-react"
|
||||
import { Badge } from "@/components/ui/badge"
|
||||
|
||||
export const metadata: Metadata = {
|
||||
title: "ProxMenux Documentation: System NAS Virtual Machines",
|
||||
description:
|
||||
"Guide for creating and configuring NAS virtual machines on Proxmox VE using ProxMenux, including Synology DSM, TrueNAS, and other storage systems.",
|
||||
openGraph: {
|
||||
title: "ProxMenux Documentation: System NAS Virtual Machines",
|
||||
description:
|
||||
"Guide for creating and configuring NAS virtual machines on Proxmox VE using ProxMenux, including Synology DSM, TrueNAS, and other storage systems.",
|
||||
type: "article",
|
||||
url: "https://macrimi.github.io/ProxMenux/docs/virtual-machines/system-nas",
|
||||
images: [
|
||||
{
|
||||
url: "https://macrimi.github.io/ProxMenux/vm/system-nas-menu.png",
|
||||
width: 1200,
|
||||
height: 630,
|
||||
alt: "ProxMenux System NAS Menu",
|
||||
},
|
||||
],
|
||||
},
|
||||
twitter: {
|
||||
card: "summary_large_image",
|
||||
title: "ProxMenux Documentation: System NAS Virtual Machines",
|
||||
description:
|
||||
"Guide for creating and configuring NAS virtual machines on Proxmox VE using ProxMenux, including Synology DSM, TrueNAS, and other storage systems.",
|
||||
images: ["https://macrimi.github.io/ProxMenux/vm/system-nas-menu.png"],
|
||||
},
|
||||
}
|
||||
|
||||
interface ImageWithCaptionProps {
|
||||
src: string
|
||||
alt: string
|
||||
caption: string
|
||||
}
|
||||
|
||||
function ImageWithCaption({ src, alt, caption }: ImageWithCaptionProps) {
|
||||
return (
|
||||
<div className="flex flex-col items-center w-full max-w-[768px] mx-auto my-4">
|
||||
<div className="w-full rounded-md overflow-hidden border border-gray-200">
|
||||
<Image
|
||||
src={src || "/placeholder.svg"}
|
||||
alt={alt}
|
||||
width={768}
|
||||
height={400}
|
||||
style={{ height: "auto" }}
|
||||
className="object-contain w-full"
|
||||
sizes="(max-width: 768px) 100vw, 768px"
|
||||
/>
|
||||
</div>
|
||||
<span className="mt-2 text-sm text-gray-600">{caption}</span>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
interface NASSystemProps {
|
||||
name: string
|
||||
description: string
|
||||
icon: React.ReactNode
|
||||
features: string[]
|
||||
technicalDetails: string[]
|
||||
href: string
|
||||
isExternal?: boolean
|
||||
externalUrl?: string
|
||||
}
|
||||
|
||||
function NASSystemItem({
|
||||
name,
|
||||
description,
|
||||
icon,
|
||||
features,
|
||||
technicalDetails,
|
||||
href,
|
||||
isExternal,
|
||||
externalUrl,
|
||||
}: NASSystemProps) {
|
||||
return (
|
||||
<div className="border rounded-md mb-6 border-gray-200 overflow-hidden">
|
||||
<div className="px-4 py-3 bg-gray-50 border-b border-gray-200 hover:bg-blue-50 transition-colors">
|
||||
<div className="flex items-center justify-between">
|
||||
{isExternal && externalUrl ? (
|
||||
<a href={externalUrl} target="_blank" rel="noopener noreferrer" className="flex items-center gap-3">
|
||||
{icon}
|
||||
<h3 className="text-lg font-medium text-black hover:text-blue-600">{name}</h3>
|
||||
</a>
|
||||
) : (
|
||||
<Link href={href} className="flex items-center gap-3">
|
||||
{icon}
|
||||
<h3 className="text-lg font-medium text-black hover:text-blue-600">{name}</h3>
|
||||
</Link>
|
||||
)}
|
||||
|
||||
{isExternal && (
|
||||
<div className="flex items-center">
|
||||
<a
|
||||
href="https://github.com/R0GGER/proxmox-zimaos"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
>
|
||||
<Badge
|
||||
variant="outline"
|
||||
className="flex items-center gap-1 bg-gray-100 hover:bg-gray-200 text-gray-800 border-gray-300"
|
||||
>
|
||||
<Github className="h-3.5 w-3.5 text-gray-700" />
|
||||
<span className="text-xs font-medium">External Script</span>
|
||||
</Badge>
|
||||
</a>
|
||||
{/* Removed the external link icon since the title now links to the external URL */}
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="px-4 py-4">
|
||||
<div className="space-y-4">
|
||||
<p className="text-gray-700">{description}</p>
|
||||
|
||||
<div className="grid grid-cols-1 md:grid-cols-2 gap-4">
|
||||
<div>
|
||||
<h4 className="font-semibold mb-2 text-black flex items-center">
|
||||
<Star className="h-5 w-5 mr-2 text-green-500" />
|
||||
Key Features:
|
||||
</h4>
|
||||
<ul className="list-disc pl-5 space-y-1 text-gray-700">
|
||||
{features.map((feature, index) => (
|
||||
<li key={index}>{feature}</li>
|
||||
))}
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<h4 className="font-semibold mb-2 text-black flex items-center">
|
||||
<Cpu className="h-5 w-5 mr-2 text-purple-500" />
|
||||
Technical Details:
|
||||
</h4>
|
||||
<ul className="list-disc pl-5 space-y-1 text-gray-700">
|
||||
{technicalDetails.map((detail, index) => (
|
||||
<li key={index}>{detail}</li>
|
||||
))}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
export default function SystemNASPage() {
|
||||
return (
|
||||
<div className="container mx-auto py-10 px-4 bg-white text-black">
|
||||
<div className="mb-4">
|
||||
<div className="flex items-center gap-3 mb-6">
|
||||
<HardDrive className="h-8 w-8 mr-2 text-blue-500" />
|
||||
<h1 className="text-3xl font-bold text-black">System NAS Virtual Machines</h1>
|
||||
</div>
|
||||
|
||||
<div className="space-y-4 mt-6">
|
||||
<p className="text-lg text-black">
|
||||
ProxMenux provides automated scripts that create and configure virtual machines for various NAS systems on
|
||||
Proxmox VE. These scripts simplify the process by handling the necessary configurations and optimizations
|
||||
for each NAS platform.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<ImageWithCaption
|
||||
src="https://macrimi.github.io/ProxMenux/vm/system-nas-menu.png"
|
||||
alt="System NAS Menu"
|
||||
caption="System NAS Menu"
|
||||
/>
|
||||
|
||||
<div className="mt-8 mb-6">
|
||||
<div className="flex items-center gap-2">
|
||||
<Info className="h-5 w-5 text-blue-500" />
|
||||
<h2 className="text-xl font-semibold text-black">Available NAS Systems</h2>
|
||||
</div>
|
||||
<p className="mt-2 text-gray-600">
|
||||
Select one of the NAS systems below to view detailed documentation on installation and configuration.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div className="mt-6">
|
||||
<NASSystemItem
|
||||
name="Synology DSM"
|
||||
description="Synology DSM (DiskStation Manager) is a popular NAS operating system with a comprehensive set of features for home and business users."
|
||||
icon={<HardDrive className="h-6 w-6 text-blue-500" />}
|
||||
features={[
|
||||
"User-friendly web interface",
|
||||
"Extensive app ecosystem",
|
||||
"File sharing and synchronization",
|
||||
"Media streaming capabilities",
|
||||
]}
|
||||
technicalDetails={[
|
||||
"Base OS: Linux (Custom)",
|
||||
"File Systems: Btrfs, ext4",
|
||||
"Virtualization: Yes (Docker)",
|
||||
"Hardware Requirements: Moderate",
|
||||
]}
|
||||
href="/docs/virtual-machines/system-nas/synology"
|
||||
/>
|
||||
|
||||
<NASSystemItem
|
||||
name="TrueNAS SCALE"
|
||||
description="TrueNAS SCALE is a Linux-based version of TrueNAS that combines the simplicity of TrueNAS with the scalability of Linux, including support for containerization and hyperconvergence."
|
||||
icon={<Database className="h-6 w-6 text-blue-500" />}
|
||||
features={[
|
||||
"Linux-based (Debian)",
|
||||
"Docker container support",
|
||||
"Kubernetes integration",
|
||||
"Scale-out clustering capabilities",
|
||||
]}
|
||||
technicalDetails={[
|
||||
"Base OS: Debian Linux",
|
||||
"File System: ZFS",
|
||||
"Virtualization: Yes (KVM)",
|
||||
"Hardware Requirements: High",
|
||||
]}
|
||||
href="/docs/create-vm/system-nas/system-nas-others"
|
||||
/>
|
||||
|
||||
<NASSystemItem
|
||||
name="TrueNAS CORE"
|
||||
description="TrueNAS CORE (formerly FreeNAS) is a FreeBSD-based open-source NAS operating system that provides file and object storage with enterprise-grade reliability."
|
||||
icon={<Database className="h-6 w-6 text-blue-500" />}
|
||||
features={["FreeBSD-based", "ZFS file system", "Snapshots and replication", "Encryption"]}
|
||||
technicalDetails={[
|
||||
"Base OS: FreeBSD",
|
||||
"File System: ZFS",
|
||||
"Virtualization: Yes (Jails)",
|
||||
"Hardware Requirements: Moderate to High",
|
||||
]}
|
||||
href="/docs/create-vm/system-nas/system-nas-others"
|
||||
/>
|
||||
|
||||
<NASSystemItem
|
||||
name="OpenMediaVault"
|
||||
description="OpenMediaVault (OMV) is a Debian-based NAS solution with a lightweight web interface designed for small home offices and personal use."
|
||||
icon={<Server className="h-6 w-6 text-blue-500" />}
|
||||
features={[
|
||||
"Modular plugin architecture",
|
||||
"Multiple filesystem support",
|
||||
"Docker support via plugins",
|
||||
"Low resource requirements",
|
||||
]}
|
||||
technicalDetails={[
|
||||
"Base OS: Debian Linux",
|
||||
"File Systems: ext4, XFS, Btrfs",
|
||||
"Virtualization: Yes (via plugins)",
|
||||
"Hardware Requirements: Low",
|
||||
]}
|
||||
href="/docs/create-vm/system-nas/system-nas-others"
|
||||
/>
|
||||
|
||||
<NASSystemItem
|
||||
name="Rockstor"
|
||||
description="Rockstor is a Linux-based NAS solution built on CentOS with the BTRFS file system, offering advanced storage features with a user-friendly interface."
|
||||
icon={<HardDrive className="h-6 w-6 text-blue-500" />}
|
||||
features={[
|
||||
"BTRFS file system",
|
||||
"Web-based UI",
|
||||
"Docker-based app framework (Rock-ons)",
|
||||
"Snapshots and replication",
|
||||
]}
|
||||
technicalDetails={[
|
||||
"Base OS: openSUSE based",
|
||||
"File System: Btrfs",
|
||||
"Virtualization: Yes (Docker)",
|
||||
"Hardware Requirements: Moderate",
|
||||
]}
|
||||
href="/docs/create-vm/system-nas/system-nas-others"
|
||||
/>
|
||||
|
||||
<NASSystemItem
|
||||
name="ZimaOS"
|
||||
description="ZimaOS is a lightweight, customizable NAS operating system designed for simplicity and performance, with a focus on media streaming and home automation."
|
||||
icon={<MonitorIcon className="h-6 w-6 text-blue-500" />}
|
||||
features={[
|
||||
"Low resource footprint",
|
||||
"Docker support",
|
||||
"Media streaming optimization",
|
||||
"Home automation integration",
|
||||
]}
|
||||
technicalDetails={[
|
||||
"Base OS: ROGGER proxmox-zimaos",
|
||||
"File Systems: ext4, XFS",
|
||||
"Virtualization: Yes (Docker)",
|
||||
"Hardware Requirements: Low",
|
||||
]}
|
||||
|
||||
isExternal={true}
|
||||
externalUrl="https://www.zimaspace.com/docs/zimaos/"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div className="mt-12 p-6 bg-gray-50 rounded-lg border border-gray-200">
|
||||
<h2 className="text-xl font-bold mb-4 text-black">About NAS Virtual Machines</h2>
|
||||
<div className="space-y-4">
|
||||
<p className="text-black">
|
||||
Network Attached Storage (NAS) systems provide file-level data storage services to other devices on the
|
||||
network. Running NAS software in a virtual machine on Proxmox VE allows you to leverage the reliability and
|
||||
management features of Proxmox while providing flexible storage solutions.
|
||||
</p>
|
||||
|
||||
<p className="text-black">
|
||||
ProxMenux simplifies the creation of NAS virtual machines by automating the configuration process, including
|
||||
network settings, storage allocation, and system optimization for each specific NAS platform.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
648
web/app/docs/create-vm/system-nas/system-nas-others/page.tsx
Normal file
648
web/app/docs/create-vm/system-nas/system-nas-others/page.tsx
Normal file
@ -0,0 +1,648 @@
|
||||
import type { Metadata } from "next"
|
||||
import Link from "next/link"
|
||||
import Image from "next/image"
|
||||
import { ArrowLeft, HardDrive, Settings, Zap, Sliders, Server, Database, ExternalLink } from "lucide-react"
|
||||
|
||||
export const metadata: Metadata = {
|
||||
title: "ProxMenux Documentation: Other NAS Systems VM Creation",
|
||||
description:
|
||||
"Guide for creating and configuring virtual machines for TrueNAS SCALE, TrueNAS CORE, OpenMediaVault, and Rockstor on Proxmox VE using ProxMenux.",
|
||||
openGraph: {
|
||||
title: "ProxMenux Documentation: Other NAS Systems VM Creation",
|
||||
description:
|
||||
"Guide for creating and configuring virtual machines for TrueNAS SCALE, TrueNAS CORE, OpenMediaVault, and Rockstor on Proxmox VE using ProxMenux.",
|
||||
type: "article",
|
||||
url: "https://macrimi.github.io/ProxMenux/docs/virtual-machines/system-nas/others",
|
||||
images: [
|
||||
{
|
||||
url: "https://macrimi.github.io/ProxMenux/vm/other-nas-systems.png",
|
||||
width: 1200,
|
||||
height: 630,
|
||||
alt: "ProxMenux Other NAS Systems",
|
||||
},
|
||||
],
|
||||
},
|
||||
twitter: {
|
||||
card: "summary_large_image",
|
||||
title: "ProxMenux Documentation: Other NAS Systems VM Creation",
|
||||
description:
|
||||
"Guide for creating and configuring virtual machines for TrueNAS SCALE, TrueNAS CORE, OpenMediaVault, and Rockstor on Proxmox VE using ProxMenux.",
|
||||
images: ["https://macrimi.github.io/ProxMenux/vm/other-nas-systems.png"],
|
||||
},
|
||||
}
|
||||
|
||||
interface ImageWithCaptionProps {
|
||||
src: string
|
||||
alt: string
|
||||
caption: string
|
||||
}
|
||||
|
||||
function ImageWithCaption({ src, alt, caption }: ImageWithCaptionProps) {
|
||||
return (
|
||||
<div className="flex flex-col items-center w-full max-w-[768px] mx-auto my-4">
|
||||
<div className="w-full rounded-md overflow-hidden border border-gray-200">
|
||||
<Image
|
||||
src={src || "/placeholder.svg?height=400&width=768&query=NAS systems configuration"}
|
||||
alt={alt}
|
||||
width={768}
|
||||
height={400}
|
||||
style={{ height: "auto" }}
|
||||
className="object-contain w-full"
|
||||
sizes="(max-width: 768px) 100vw, 768px"
|
||||
/>
|
||||
</div>
|
||||
<span className="mt-2 text-sm text-gray-600">{caption}</span>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
export default function OtherNASSystemsPage() {
|
||||
return (
|
||||
<div className="container mx-auto py-10 px-4 bg-white text-black">
|
||||
<div className="mb-4">
|
||||
|
||||
<div className="flex items-center gap-3 mb-6">
|
||||
<HardDrive className="h-8 w-8 mr-2 text-blue-500" />
|
||||
<h1 className="text-3xl font-bold text-black">NAS Systems VM Creation</h1>
|
||||
</div>
|
||||
|
||||
<div className="space-y-4 mt-6">
|
||||
<p className="text-lg text-black">
|
||||
ProxMenux provides automated scripts that create and configure virtual machines for various NAS systems on
|
||||
Proxmox VE. This documentation covers the VM creation process for TrueNAS SCALE, TrueNAS CORE,
|
||||
OpenMediaVault, and Rockstor.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div className="mt-8">
|
||||
<h2 className="text-2xl font-bold mb-4 text-black">Script Overview</h2>
|
||||
<p className="mb-4">
|
||||
The VM creation script for NAS systems automates the process of setting up virtual machines optimized for
|
||||
running various Network Attached Storage solutions. The script handles all aspects of VM configuration,
|
||||
including hardware allocation, disk setup, and boot options.
|
||||
</p>
|
||||
|
||||
<p className="mb-4">The script simplifies the VM creation process by offering the following options:</p>
|
||||
<ul className="list-disc pl-5 mb-4">
|
||||
<li>Selection of default or advanced configuration</li>
|
||||
<li>Configuration of CPU, RAM, BIOS, and machine type</li>
|
||||
<li>Choice between virtual disk or physical disk passthrough</li>
|
||||
<li>Selection of disk interface type (SCSI, SATA, VirtIO, or IDE)</li>
|
||||
<li>Automatic configuration of EFI and TPM when required</li>
|
||||
<li>Automatic mounting of installation ISO images</li>
|
||||
</ul>
|
||||
|
||||
<div className="mt-8">
|
||||
<h3 className="text-xl font-semibold mb-3 flex items-center">
|
||||
<Settings className="h-5 w-5 mr-2 text-blue-500" />
|
||||
Default and Advanced Configuration
|
||||
</h3>
|
||||
<p className="mb-3">The script offers two configuration modes:</p>
|
||||
|
||||
<h4 className="text-lg font-medium mt-12 mb-2 flex items-center">
|
||||
<Zap className="h-5 w-5 mr-2 text-green-500" />
|
||||
Default Configuration
|
||||
</h4>
|
||||
<p className="mb-3">
|
||||
If you select default configuration, the script will automatically apply the following values:
|
||||
</p>
|
||||
|
||||
<div className="overflow-x-auto mb-4">
|
||||
<table className="min-w-full bg-white border border-gray-200">
|
||||
<thead>
|
||||
<tr>
|
||||
<th className="py-2 px-4 border-b border-gray-200 bg-gray-50 text-left">Parameter</th>
|
||||
<th className="py-2 px-4 border-b border-gray-200 bg-gray-50 text-left">Default Value</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td className="py-2 px-4 border-b border-gray-200">Machine Type</td>
|
||||
<td className="py-2 px-4 border-b border-gray-200">q35</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td className="py-2 px-4 border-b border-gray-200">BIOS Type</td>
|
||||
<td className="py-2 px-4 border-b border-gray-200">OVMF (UEFI)</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td className="py-2 px-4 border-b border-gray-200">CPU Type</td>
|
||||
<td className="py-2 px-4 border-b border-gray-200">Host</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td className="py-2 px-4 border-b border-gray-200">Core Count</td>
|
||||
<td className="py-2 px-4 border-b border-gray-200">2</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td className="py-2 px-4 border-b border-gray-200">RAM Size</td>
|
||||
<td className="py-2 px-4 border-b border-gray-200">8192 MB</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td className="py-2 px-4 border-b border-gray-200">Bridge</td>
|
||||
<td className="py-2 px-4 border-b border-gray-200">vmbr0</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td className="py-2 px-4 border-b border-gray-200">MAC Address</td>
|
||||
<td className="py-2 px-4 border-b border-gray-200">Automatically generated</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td className="py-2 px-4 border-b border-gray-200">Start VM on Completion</td>
|
||||
<td className="py-2 px-4 border-b border-gray-200">No</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<p className="mb-4">
|
||||
If you want to customize the configuration, select the Advanced Settings option in the menu.
|
||||
</p>
|
||||
|
||||
<h4 className="text-lg font-medium mt-12 mb-2 flex items-center">
|
||||
<Sliders className="h-5 w-5 mr-2 text-orange-500" />
|
||||
Advanced Configuration
|
||||
</h4>
|
||||
<p className="mb-3">
|
||||
If you select advanced configuration, the script will allow you to customize each parameter:
|
||||
</p>
|
||||
|
||||
<div className="overflow-x-auto mb-4">
|
||||
<table className="min-w-full bg-white border border-gray-200">
|
||||
<thead>
|
||||
<tr>
|
||||
<th className="py-2 px-4 border-b border-gray-200 bg-gray-50 text-left">Parameter</th>
|
||||
<th className="py-2 px-4 border-b border-gray-200 bg-gray-50 text-left">Options</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td className="py-2 px-4 border-b border-gray-200">Machine Type</td>
|
||||
<td className="py-2 px-4 border-b border-gray-200">q35 or i440fx</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td className="py-2 px-4 border-b border-gray-200">BIOS Type</td>
|
||||
<td className="py-2 px-4 border-b border-gray-200">OVMF (UEFI) or SeaBIOS (Legacy)</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td className="py-2 px-4 border-b border-gray-200">CPU Type</td>
|
||||
<td className="py-2 px-4 border-b border-gray-200">Host or KVM64</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td className="py-2 px-4 border-b border-gray-200">Core Count</td>
|
||||
<td className="py-2 px-4 border-b border-gray-200">Number of CPU cores</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td className="py-2 px-4 border-b border-gray-200">RAM Size</td>
|
||||
<td className="py-2 px-4 border-b border-gray-200">Amount of memory allocated to the VM</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td className="py-2 px-4 border-b border-gray-200">Bridge</td>
|
||||
<td className="py-2 px-4 border-b border-gray-200">Network bridge for connection</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td className="py-2 px-4 border-b border-gray-200">MAC Address</td>
|
||||
<td className="py-2 px-4 border-b border-gray-200">Custom MAC address</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td className="py-2 px-4 border-b border-gray-200">VLAN</td>
|
||||
<td className="py-2 px-4 border-b border-gray-200">VLAN tag (if used)</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td className="py-2 px-4 border-b border-gray-200">MTU</td>
|
||||
<td className="py-2 px-4 border-b border-gray-200">Maximum Transmission Unit size</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="mt-8">
|
||||
<h3 className="text-xl font-semibold mb-3 flex items-center">
|
||||
<HardDrive className="h-5 w-5 mr-2 text-blue-500" />
|
||||
Disk Interface Selection
|
||||
</h3>
|
||||
<p className="mb-3">
|
||||
Unlike the Synology-specific script, this script allows you to choose the disk interface type for both
|
||||
virtual and physical disks:
|
||||
</p>
|
||||
|
||||
<div className="overflow-x-auto mb-4">
|
||||
<table className="min-w-full bg-white border border-gray-200">
|
||||
<thead>
|
||||
<tr>
|
||||
<th className="py-2 px-4 border-b border-gray-200 bg-gray-50 text-left">Interface Type</th>
|
||||
<th className="py-2 px-4 border-b border-gray-200 bg-gray-50 text-left">Description</th>
|
||||
<th className="py-2 px-4 border-b border-gray-200 bg-gray-50 text-left">Best For</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td className="py-2 px-4 border-b border-gray-200">SCSI</td>
|
||||
<td className="py-2 px-4 border-b border-gray-200">
|
||||
Modern interface with good performance and features
|
||||
</td>
|
||||
<td className="py-2 px-4 border-b border-gray-200">
|
||||
Recommended for Linux and Windows (includes discard/trim support)
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td className="py-2 px-4 border-b border-gray-200">SATA</td>
|
||||
<td className="py-2 px-4 border-b border-gray-200">Standard interface with high compatibility</td>
|
||||
<td className="py-2 px-4 border-b border-gray-200">
|
||||
Good general-purpose choice (includes discard/trim support)
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td className="py-2 px-4 border-b border-gray-200">VirtIO</td>
|
||||
<td className="py-2 px-4 border-b border-gray-200">
|
||||
Paravirtualized interface with highest performance
|
||||
</td>
|
||||
<td className="py-2 px-4 border-b border-gray-200">
|
||||
Advanced users seeking maximum performance (includes discard/trim support)
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td className="py-2 px-4 border-b border-gray-200">IDE</td>
|
||||
<td className="py-2 px-4 border-b border-gray-200">Legacy interface with maximum compatibility</td>
|
||||
<td className="py-2 px-4 border-b border-gray-200">Legacy systems only (no discard/trim support)</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="mt-8">
|
||||
<h3 className="text-xl font-semibold mb-3 flex items-center">
|
||||
<HardDrive className="h-5 w-5 mr-2 text-blue-500" />
|
||||
Disk Selection
|
||||
</h3>
|
||||
<p className="mb-3">
|
||||
Once the machine is configured, the script allows you to choose between two types of disks:
|
||||
</p>
|
||||
|
||||
<h4 className="text-lg font-medium mt-4 mb-2">Virtual Disk</h4>
|
||||
<ul className="list-disc pl-5 mb-4">
|
||||
<li>The script lists the storage options available in Proxmox</li>
|
||||
<li>The user selects the disk and size in GB</li>
|
||||
<li>
|
||||
The virtual disk is automatically assigned to the VM using the selected interface type (SCSI, SATA,
|
||||
VirtIO, or IDE)
|
||||
</li>
|
||||
<li>
|
||||
Multiple disks can be added and will be assigned sequential device numbers (e.g., scsi0, scsi1, etc.)
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<h4 className="text-lg font-medium mt-4 mb-2">Physical Disk Passthrough</h4>
|
||||
<ul className="list-disc pl-5 mb-4">
|
||||
<li>The script detects all available physical disks</li>
|
||||
<li>The user selects the physical disk or disks they want to use</li>
|
||||
<li>
|
||||
The physical disk is directly assigned to the VM via passthrough using the selected interface type (SCSI,
|
||||
SATA, VirtIO, or IDE)
|
||||
</li>
|
||||
<li>
|
||||
Multiple disks can be added and will be assigned sequential device numbers (e.g., scsi0, scsi1, etc.)
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div className="mt-8">
|
||||
<h3 className="text-xl font-semibold mb-3 flex items-center">
|
||||
<Settings className="h-5 w-5 mr-2 text-blue-500" />
|
||||
Additional Features
|
||||
</h3>
|
||||
|
||||
<h4 className="text-lg font-medium mt-4 mb-2">EFI Disk Configuration</h4>
|
||||
<p className="mb-3">When UEFI BIOS (OVMF) is selected, the script automatically configures an EFI disk:</p>
|
||||
<ul className="list-disc pl-5 mb-4">
|
||||
<li>The script prompts for storage location for the EFI disk</li>
|
||||
<li>A 4MB EFI disk is created and configured</li>
|
||||
<li>
|
||||
The EFI disk is properly formatted based on the storage type (raw format for directory-based storage)
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<h4 className="text-lg font-medium mt-4 mb-2">ISO Mounting</h4>
|
||||
<p className="mb-3">The script handles ISO mounting for installation:</p>
|
||||
<ul className="list-disc pl-5 mb-4">
|
||||
<li>The installation ISO is automatically mounted to the ide2 device</li>
|
||||
<li>For Windows VMs, VirtIO driver ISO can be automatically downloaded and mounted to ide3</li>
|
||||
</ul>
|
||||
|
||||
<h4 className="text-lg font-medium mt-4 mb-2">QEMU Guest Agent</h4>
|
||||
<p className="mb-3">The script automatically configures QEMU Guest Agent support:</p>
|
||||
<ul className="list-disc pl-5 mb-4">
|
||||
<li>Enables the QEMU Guest Agent in the VM configuration</li>
|
||||
<li>Sets up the necessary communication channel</li>
|
||||
<li>Provides instructions for installing the guest agent inside the VM after installation</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div className="mt-8">
|
||||
<h2 className="text-2xl font-bold mb-4 text-black">NAS-Specific Installation Notes</h2>
|
||||
|
||||
<div className="grid grid-cols-1 md:grid-cols-2 gap-6 mt-4">
|
||||
<div className="border rounded-lg p-6 bg-gray-50">
|
||||
<div className="flex items-center gap-2 mb-3">
|
||||
<Database className="h-6 w-6 text-blue-500" />
|
||||
<h3 className="text-xl font-semibold">TrueNAS SCALE</h3>
|
||||
</div>
|
||||
<ul className="list-disc pl-5 space-y-2">
|
||||
<li>
|
||||
Recommended interface: <strong>SATA</strong> or <strong>SCSI</strong>
|
||||
</li>
|
||||
<li>
|
||||
Minimum RAM: <strong>8GB</strong> (16GB+ recommended)
|
||||
</li>
|
||||
<li>
|
||||
Minimum CPU cores: <strong>2</strong> (4+ recommended)
|
||||
</li>
|
||||
<li>UEFI boot is recommended</li>
|
||||
<li>VirtIO network adapter provides best performance</li>
|
||||
<li>
|
||||
After installation, install the QEMU Guest Agent:
|
||||
<pre className="bg-gray-100 p-2 mt-1 rounded text-sm overflow-x-auto">
|
||||
apt update && apt install qemu-guest-agent -y
|
||||
</pre>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div className="border rounded-lg p-6 bg-gray-50">
|
||||
<div className="flex items-center gap-2 mb-3">
|
||||
<Database className="h-6 w-6 text-blue-500" />
|
||||
<h3 className="text-xl font-semibold">TrueNAS CORE</h3>
|
||||
</div>
|
||||
<ul className="list-disc pl-5 space-y-2">
|
||||
<li>
|
||||
Recommended interface: <strong>SATA</strong>
|
||||
</li>
|
||||
<li>
|
||||
Minimum RAM: <strong>8GB</strong> (16GB+ recommended)
|
||||
</li>
|
||||
<li>
|
||||
Minimum CPU cores: <strong>2</strong> (4+ recommended)
|
||||
</li>
|
||||
<li>UEFI boot is recommended</li>
|
||||
<li>VirtIO network adapter provides best performance</li>
|
||||
<li>
|
||||
After installation, install the QEMU Guest Agent:
|
||||
<pre className="bg-gray-100 p-2 mt-1 rounded text-sm overflow-x-auto">
|
||||
pkg install -y qemu-guest-agent && sysrc qemu_guest_agent_enable=YES && service qemu-guest-agent
|
||||
start
|
||||
</pre>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div className="border rounded-lg p-6 bg-gray-50">
|
||||
<div className="flex items-center gap-2 mb-3">
|
||||
<Server className="h-6 w-6 text-blue-500" />
|
||||
<h3 className="text-xl font-semibold">OpenMediaVault</h3>
|
||||
</div>
|
||||
<ul className="list-disc pl-5 space-y-2">
|
||||
<li>
|
||||
Recommended interface: <strong>SATA</strong> or <strong>VirtIO</strong>
|
||||
</li>
|
||||
<li>
|
||||
Minimum RAM: <strong>2GB</strong> (4GB+ recommended)
|
||||
</li>
|
||||
<li>
|
||||
Minimum CPU cores: <strong>1</strong> (2+ recommended)
|
||||
</li>
|
||||
<li>Both UEFI and Legacy BIOS are supported</li>
|
||||
<li>VirtIO network adapter provides best performance</li>
|
||||
<li>
|
||||
After installation, install the QEMU Guest Agent:
|
||||
<pre className="bg-gray-100 p-2 mt-1 rounded text-sm overflow-x-auto">
|
||||
apt update && apt install qemu-guest-agent -y
|
||||
</pre>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div className="border rounded-lg p-6 bg-gray-50">
|
||||
<div className="flex items-center gap-2 mb-3">
|
||||
<HardDrive className="h-6 w-6 text-blue-500" />
|
||||
<h3 className="text-xl font-semibold">Rockstor</h3>
|
||||
</div>
|
||||
<ul className="list-disc pl-5 space-y-2">
|
||||
<li>
|
||||
Recommended interface: <strong>SATA</strong> or <strong>VirtIO</strong>
|
||||
</li>
|
||||
<li>
|
||||
Minimum RAM: <strong>2GB</strong> (4GB+ recommended)
|
||||
</li>
|
||||
<li>
|
||||
Minimum CPU cores: <strong>2</strong>
|
||||
</li>
|
||||
<li>UEFI boot is recommended</li>
|
||||
<li>VirtIO network adapter provides best performance</li>
|
||||
<li>
|
||||
After installation, install the QEMU Guest Agent:
|
||||
<pre className="bg-gray-100 p-2 mt-1 rounded text-sm overflow-x-auto">
|
||||
dnf install -y qemu-guest-agent && systemctl enable --now qemu-guest-agent
|
||||
</pre>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="mt-12 p-6 bg-gray-50 rounded-lg border border-gray-200">
|
||||
<h2 className="text-xl font-bold mb-4 text-black">Installation Process</h2>
|
||||
<p className="mb-4">After configuring the VM settings and disk options, the script will:</p>
|
||||
<ol className="list-decimal pl-5 space-y-2">
|
||||
<li>Create the VM with the specified configuration</li>
|
||||
<li>Configure EFI disk if UEFI BIOS is selected</li>
|
||||
<li>Create and attach virtual disks or pass through physical disks</li>
|
||||
<li>Mount the installation ISO</li>
|
||||
<li>Set the boot order (disk first, then ISO)</li>
|
||||
<li>Configure the QEMU Guest Agent</li>
|
||||
<li>Generate a detailed HTML description for the VM</li>
|
||||
<li>Start the VM if requested</li>
|
||||
</ol>
|
||||
<p className="mt-4">
|
||||
Once the VM is created, you can proceed with the installation of your chosen NAS system by following the
|
||||
on-screen instructions in the VM console.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div className="mt-12">
|
||||
<h2 className="text-2xl font-bold mb-6 text-black">NAS Systems Interfaces</h2>
|
||||
<p className="mb-6">
|
||||
Below are screenshots of the shell and web interfaces for each NAS system after successful installation:
|
||||
</p>
|
||||
|
||||
{/* TrueNAS SCALE */}
|
||||
<div className="mb-12">
|
||||
<h3 className="text-xl font-semibold mb-4 flex items-center">
|
||||
<Database className="h-6 w-6 mr-2 text-blue-500" />
|
||||
TrueNAS SCALE
|
||||
<a
|
||||
href="https://www.truenas.com/truenas-scale/"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
className="ml-2 text-sm text-blue-500 hover:text-blue-700 flex items-center"
|
||||
>
|
||||
Official Website <ExternalLink className="h-3.5 w-3.5 ml-1" />
|
||||
</a>
|
||||
</h3>
|
||||
<div className="grid grid-cols-1 md:grid-cols-2 gap-6">
|
||||
<div>
|
||||
<h4 className="font-medium mb-2">Shell Interface</h4>
|
||||
<div className="border rounded-md overflow-hidden">
|
||||
<Image
|
||||
src="https://macrimi.github.io/ProxMenux/vm/truenas/truenas-scale-shell.png"
|
||||
alt="TrueNAS SCALE Shell Interface"
|
||||
width={600}
|
||||
height={400}
|
||||
className="w-full"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<h4 className="font-medium mb-2">Web Interface</h4>
|
||||
<div className="border rounded-md overflow-hidden">
|
||||
<Image
|
||||
src="https://macrimi.github.io/ProxMenux/vm/truenas/truenas-scale-web.png"
|
||||
alt="TrueNAS SCALE Web Interface"
|
||||
width={600}
|
||||
height={400}
|
||||
className="w-full"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* TrueNAS CORE */}
|
||||
<div className="mb-12">
|
||||
<h3 className="text-xl font-semibold mb-4 flex items-center">
|
||||
<Database className="h-6 w-6 mr-2 text-blue-500" />
|
||||
TrueNAS CORE
|
||||
<a
|
||||
href="https://www.truenas.com/truenas-core/"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
className="ml-2 text-sm text-blue-500 hover:text-blue-700 flex items-center"
|
||||
>
|
||||
Official Website <ExternalLink className="h-3.5 w-3.5 ml-1" />
|
||||
</a>
|
||||
</h3>
|
||||
<div className="grid grid-cols-1 md:grid-cols-2 gap-6">
|
||||
<div>
|
||||
<h4 className="font-medium mb-2">Shell Interface</h4>
|
||||
<div className="border rounded-md overflow-hidden">
|
||||
<Image
|
||||
src="https://macrimi.github.io/ProxMenux/vm/truenas/truenas-core-shell.png"
|
||||
alt="TrueNAS CORE Shell Interface"
|
||||
width={600}
|
||||
height={400}
|
||||
className="w-full"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<h4 className="font-medium mb-2">Web Interface</h4>
|
||||
<div className="border rounded-md overflow-hidden">
|
||||
<Image
|
||||
src="https://macrimi.github.io/ProxMenux/vm/truenas/truenas-core-web.png"
|
||||
alt="TrueNAS CORE Web Interface"
|
||||
width={600}
|
||||
height={400}
|
||||
className="w-full"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* OpenMediaVault */}
|
||||
<div className="mb-12">
|
||||
<h3 className="text-xl font-semibold mb-4 flex items-center">
|
||||
<Server className="h-6 w-6 mr-2 text-blue-500" />
|
||||
OpenMediaVault
|
||||
<a
|
||||
href="https://www.openmediavault.org"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
className="ml-2 text-sm text-blue-500 hover:text-blue-700 flex items-center"
|
||||
>
|
||||
Official Website <ExternalLink className="h-3.5 w-3.5 ml-1" />
|
||||
</a>
|
||||
</h3>
|
||||
<div className="grid grid-cols-1 md:grid-cols-2 gap-6">
|
||||
<div>
|
||||
<h4 className="font-medium mb-2">Shell Interface</h4>
|
||||
<div className="border rounded-md overflow-hidden">
|
||||
<Image
|
||||
src="https://macrimi.github.io/ProxMenux/vm/openmediavault/openmediavault-shell.png"
|
||||
alt="OpenMediaVault Shell Interface"
|
||||
width={600}
|
||||
height={400}
|
||||
className="w-full"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<h4 className="font-medium mb-2">Web Interface</h4>
|
||||
<div className="border rounded-md overflow-hidden">
|
||||
<Image
|
||||
src="https://macrimi.github.io/ProxMenux/vm/openmediavault/openmediavault-web.png"
|
||||
alt="OpenMediaVault Web Interface"
|
||||
width={600}
|
||||
height={400}
|
||||
className="w-full"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Rockstor */}
|
||||
<div className="mb-12">
|
||||
<h3 className="text-xl font-semibold mb-4 flex items-center">
|
||||
<HardDrive className="h-6 w-6 mr-2 text-blue-500" />
|
||||
Rockstor
|
||||
<a
|
||||
href="https://rockstor.com"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
className="ml-2 text-sm text-blue-500 hover:text-blue-700 flex items-center"
|
||||
>
|
||||
Official Website <ExternalLink className="h-3.5 w-3.5 ml-1" />
|
||||
</a>
|
||||
</h3>
|
||||
<div className="grid grid-cols-1 md:grid-cols-2 gap-6">
|
||||
<div>
|
||||
<h4 className="font-medium mb-2">Shell Interface</h4>
|
||||
<div className="border rounded-md overflow-hidden">
|
||||
<Image
|
||||
src="https://macrimi.github.io/ProxMenux/vm/rockstor/rockstor-shell.png"
|
||||
alt="Rockstor Shell Interface"
|
||||
width={600}
|
||||
height={400}
|
||||
className="w-full"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<h4 className="font-medium mb-2">Web Interface</h4>
|
||||
<div className="border rounded-md overflow-hidden">
|
||||
<Image
|
||||
src="https://macrimi.github.io/ProxMenux/vm/rockstor/rockstor-web.png"
|
||||
alt="Rockstor Web Interface"
|
||||
width={600}
|
||||
height={400}
|
||||
className="w-full"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
BIN
web/public/vm/rockstor/local-store-windows.png
Normal file
BIN
web/public/vm/rockstor/local-store-windows.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 104 KiB |
Loading…
x
Reference in New Issue
Block a user