This commit is contained in:
MacRimi 2025-03-01 23:27:36 +01:00
parent acf4d0ec04
commit 0837c61ca5

View File

@ -1,7 +1,6 @@
import type { Metadata } from "next" import type { Metadata } from "next"
import { Settings } from 'lucide-react' import { Settings } from "lucide-react"
import CopyableCode from "@/components/CopyableCode" import CopyableCode from "@/components/CopyableCode"
import { Steps } from "@/components/ui/steps"
export const metadata: Metadata = { export const metadata: Metadata = {
title: "ProxMenux Post-Install: Basic Settings", title: "ProxMenux Post-Install: Basic Settings",
@ -31,8 +30,6 @@ export const metadata: Metadata = {
}, },
} }
export default function BasicSettingsPage() { export default function BasicSettingsPage() {
return ( return (
<div className="container mx-auto px-4 py-8"> <div className="container mx-auto px-4 py-8">
@ -47,15 +44,29 @@ export default function BasicSettingsPage() {
</p> </p>
<h2 className="text-2xl font-semibold mt-8 mb-4">Available Optimizations</h2> <h2 className="text-2xl font-semibold mt-8 mb-4">Available Optimizations</h2>
<Steps> <div className="space-y-12 my-8">
<Steps.Step title="Install Common System Utilities"> {/* Optimization 1 */}
<p>This optimization installs a set of common system utilities that are useful for system administration and troubleshooting.</p> <div className="relative">
</Steps.Step> <div className="flex items-start">
<div className="flex-shrink-0 flex flex-col items-center mr-4">
<div className="rounded-full bg-blue-500 text-white w-10 h-10 flex items-center justify-center font-bold text-lg">
1
</div>
<div className="h-full w-0.5 bg-blue-200 mt-2"></div>
</div>
<div className="flex-grow">
<h3 className="text-xl font-semibold mb-4">Install Common System Utilities</h3>
<section className="mb-8">
<p className="mb-4">
This optimization installs a set of common system utilities that are useful for system administration
and troubleshooting.
</p>
<p className="mb-4"> <p className="mb-4">
<strong>Why it's beneficial:</strong> Having these utilities pre-installed saves time when managing your <strong>Why it's beneficial:</strong> Having these utilities pre-installed saves time when managing
Proxmox VE system. They provide essential tools for monitoring system performance, managing files, and your Proxmox VE system. They provide essential tools for monitoring system performance, managing
troubleshooting issues, enhancing your ability to maintain and optimize your virtualization environment. files, and troubleshooting issues, enhancing your ability to maintain and optimize your virtualization
environment.
</p> </p>
<h4 className="text-lg font-semibold mb-2">Utilities installed:</h4> <h4 className="text-lg font-semibold mb-2">Utilities installed:</h4>
<ul className="list-disc pl-5 mb-4"> <ul className="list-disc pl-5 mb-4">
@ -161,17 +172,31 @@ sudo apt-get install -y software-properties-common sshpass tmux unzip vim vim-no
sudo apt-get install -y libguestfs-tools sudo apt-get install -y libguestfs-tools
`} `}
/> />
</section>
</div>
</div>
</div>
{/* Optimization 2 */}
<div className="relative">
<Steps.Step title="Skip Downloading Additional Languages"> <div className="flex items-start">
<p>This optimization configures APT to skip downloading additional language packages, which can save disk space and speed up package operations.</p> <div className="flex-shrink-0 flex flex-col items-center mr-4">
</Steps.Step> <div className="rounded-full bg-blue-500 text-white w-10 h-10 flex items-center justify-center font-bold text-lg">
2
</div>
<div className="h-full w-0.5 bg-blue-200 mt-2"></div>
</div>
<div className="flex-grow">
<h3 className="text-xl font-semibold mb-4">Skip Downloading Additional Languages</h3>
<section className="mb-8">
<p className="mb-4"> <p className="mb-4">
<strong>Why it's beneficial:</strong> By skipping unnecessary language packages, you can reduce disk usage This optimization configures APT to skip downloading additional language packages, which can save disk
and improve the speed of package management operations. This is particularly useful in server environments space and speed up package operations.
where multiple language support is often not required. </p>
<p className="mb-4">
<strong>Why it's beneficial:</strong> By skipping unnecessary language packages, you can reduce disk
usage and improve the speed of package management operations. This is particularly useful in server
environments where multiple language support is often not required.
</p> </p>
<h4 className="text-lg font-semibold mb-2">To apply this optimization manually, run:</h4> <h4 className="text-lg font-semibold mb-2">To apply this optimization manually, run:</h4>
<CopyableCode <CopyableCode
@ -180,17 +205,31 @@ sudo apt-get install -y libguestfs-tools
echo 'Acquire::Languages "none";' | sudo tee /etc/apt/apt.conf.d/99-disable-translations echo 'Acquire::Languages "none";' | sudo tee /etc/apt/apt.conf.d/99-disable-translations
`} `}
/> />
</section>
</div>
</div>
</div>
{/* Optimization 3 */}
<div className="relative">
<Steps.Step title="Synchronize Time Automatically"> <div className="flex items-start">
<p>This optimization configures the system to automatically synchronize its time, ensuring accurate timekeeping.</p> <div className="flex-shrink-0 flex flex-col items-center mr-4">
</Steps.Step> <div className="rounded-full bg-blue-500 text-white w-10 h-10 flex items-center justify-center font-bold text-lg">
3
</div>
<div className="h-full w-0.5 bg-blue-200 mt-2"></div>
</div>
<div className="flex-grow">
<h3 className="text-xl font-semibold mb-4">Synchronize Time Automatically</h3>
<section className="mb-8">
<p className="mb-4">
This optimization configures the system to automatically synchronize its time, ensuring accurate
timekeeping.
</p>
<p className="mb-4"> <p className="mb-4">
<strong>Why it's beneficial:</strong> Accurate timekeeping is crucial for many system operations, log <strong>Why it's beneficial:</strong> Accurate timekeeping is crucial for many system operations, log
consistency, and proper functioning of time-sensitive applications. Automatic synchronization ensures your consistency, and proper functioning of time-sensitive applications. Automatic synchronization ensures
Proxmox VE system maintains the correct time without manual intervention. your Proxmox VE system maintains the correct time without manual intervention.
</p> </p>
<h4 className="text-lg font-semibold mb-2">To apply this optimization manually, run:</h4> <h4 className="text-lg font-semibold mb-2">To apply this optimization manually, run:</h4>
<CopyableCode <CopyableCode
@ -201,17 +240,32 @@ TIMEZONE=$(curl -s "https://ipapi.co/$IP/timezone")
sudo timedatectl set-timezone "$TIMEZONE" sudo timedatectl set-timezone "$TIMEZONE"
`} `}
/> />
</section>
</div>
</div>
</div>
{/* Optimization 4 */}
<div className="relative">
<Steps.Step title="Update and Upgrade System"> <div className="flex items-start">
<p>This optimization updates the system's package lists, upgrades installed packages, and configures Proxmox repositories.</p> <div className="flex-shrink-0 flex flex-col items-center mr-4">
</Steps.Step> <div className="rounded-full bg-blue-500 text-white w-10 h-10 flex items-center justify-center font-bold text-lg">
4
</div>
</div>
<div className="flex-grow">
<h3 className="text-xl font-semibold mb-4">Update and Upgrade System</h3>
<section className="mb-8">
<p className="mb-4"> <p className="mb-4">
<strong>Why it's beneficial:</strong> Keeping your system up-to-date is essential for security, stability, This optimization updates the system's package lists, upgrades installed packages, and configures
and performance. This optimization ensures you have the latest patches and features, while also Proxmox repositories. It also includes additional steps to properly set up Debian repositories and
configuring the correct repositories for Proxmox VE, enabling access to necessary updates and tools. disable certain warnings.
</p>
<p className="mb-4">
<strong>Why it's beneficial:</strong> Keeping your system up-to-date is essential for security,
stability, and performance. This optimization ensures you have the latest patches and features, while
also configuring the correct repositories for Proxmox VE, enabling access to necessary updates and
tools.
</p> </p>
<h4 className="text-lg font-semibold mb-2">To apply this optimization manually, run:</h4> <h4 className="text-lg font-semibold mb-2">To apply this optimization manually, run:</h4>
<CopyableCode <CopyableCode
@ -253,9 +307,11 @@ pveam update
sudo apt-get install -y zfsutils-linux proxmox-backup-restore-image chrony sudo apt-get install -y zfsutils-linux proxmox-backup-restore-image chrony
`} `}
/> />
</section>
</div>
</Steps> </div>
</div>
</div>
<section className="mt-12 p-4 bg-blue-100 rounded-md"> <section className="mt-12 p-4 bg-blue-100 rounded-md">
<h2 className="text-xl font-semibold mb-2">Automatic Application</h2> <h2 className="text-xl font-semibold mb-2">Automatic Application</h2>