feat: add slide "Servers"

Author: toddeTV

content/servers.md

@@ -0,0 +1,47 @@
+---
+layout: basic
+---
+
+# Servers
+
+<VClicks depth="2">
+
+The "home" for your website, app, or data. Stores files, runs code, processes requests. Different Hosting Types:
+
+</VClicks>
+
+<div class="w-full flex flex-row justify-between gap-10 mt-5">
+<div v-click class="w-1/3">
+
+<h2>Self-Hosted</h2>
+
+- **Your own hardware/machine.**
+- **You manage everything**
+- **Pros:** Full control, potentially lower long-term cost.
+- **Cons:** High technical effort, high initial cost, scaling can be complex.
+- **Examples:** **Your own PC/Raspberry Pi**, **Company data center**, **Local NAS**
+
+</div>
+<div v-click class="w-1/3">
+
+<h2>(Virtual) Private Server (VPS/Root)</h2>
+
+- **Rented virtual machine** on a provider's hardware.
+- **You manage the OS & software.**
+- **Pros:** Good control, scalable, dedicated resources.
+- **Cons:** Still requires technical knowledge, ongoing costs.
+- **Examples:** **DigitalOcean Droplets**, **Linode**, **OVHcloud VPS**
+
+</div>
+<div v-click class="w-1/3">
+
+<h2>Cloud Hosting<br />(Managed Services)</h2>
+
+- **Provider manages most infrastructure/software.**
+- **Pay-as-you-go model.** Highly scalable.
+- **Pros:** Easy to use, highly scalable, reliable, global reach.
+- **Cons:** Less control, costs can be variable/higher at scale.
+- **Examples:** **Cloudflare Pages**, **GitHub Pages**, **Vercel**, **Netlify**
+
+</div>
+</div>

slides.md

@@ -87,6 +87,10 @@ src: content/git.md
 src: content/cms.md
 ---
 
+---
+src: content/servers.md
+---
+
 ---
 src: content/need-for-portfolio.md
 ---