NetLearn

Wiki pembelajaran jaringan komputer dari nol sampai mahir, dalam Bahasa Indonesia. Dibangun dengan VitePress.

Live: https://netlearn.vertexdata.web.id

Fitur

• Materi komprehensif: fondasi → model OSI/TCP-IP → media transmisi (termasuk Fiber Optic & VSAT) → IP & routing → keamanan → topik lanjutan.
• Diagram topologi & alur paket dengan Mermaid.
• Quiz interaktif di akhir tiap bab.
• Kalkulator subnet interaktif.
• Pencarian lokal (offline, tanpa layanan eksternal).
• Tema biru custom + dark mode.

Prasyarat

• Node.js 20 LTS
• pnpm (npm i -g pnpm)

Menjalankan secara lokal

pnpm install
pnpm dev        # http://localhost:5173

Build & preview

pnpm build
pnpm preview

Output build ada di docs/.vitepress/dist.

Deploy ke Vercel

1. Push repo ini ke GitHub.

2. Di Vercel: Add New Project → import repo.

3. Vercel otomatis membaca vercel.json (build: pnpm build, output: docs/.vitepress/dist).

4. Tambahkan domain netlearn.vertexdata.web.id di Project Settings → Domains.

5. Di panel DNS vertexdata.web.id, tambahkan record:

   Type:  CNAME
   Name:  netlearn
   Value: cname.vercel-dns.com
   

6. Tunggu propagasi DNS & penerbitan sertifikat SSL otomatis oleh Vercel.

Struktur

docs/
├── .vitepress/
│   ├── config.mts        # nav, sidebar, plugin
│   └── theme/            # tema biru custom + komponen
├── fondasi/
├── model-layer/
├── media-transmisi/      # kabel, fiber optic, wireless, VSAT
├── data-link/
├── ip-routing/
├── transport-aplikasi/
├── keamanan/
└── lanjutan/

---

Drafted with Dia