Knowledge Base & Personal Wiki - Dokumentasi, Panduan, dan Tools Utility untuk Development

Wiki Ade Ramdani adalah knowledge base pribadi yang berisi panduan setup development environment, dokumentasi teknis, dan tools utility online untuk memudahkan proses development di berbagai platform.

• macOS Setup - Panduan lengkap setup environment di macOS

  • Terminal Setup (iTerm2, Oh My Posh, Zsh utilities)
  • Applications Setup (Git, Node.js, Python, VSCode, Docker)
  • System Configuration (Finder, Dock, Keyboard, Security)

• Windows Setup - Panduan untuk Windows (Coming Soon)

• Linux Setup - Panduan untuk Linux (Coming Soon)

• Setup Server
• Python Snippets

• 🔍 Regex Tester
• 📋 JSON Formatter
• 🔐 Password Generator

• Node.js >= 16
• npm atau yarn

# Clone repository
git clone https://github.com/aderamdani/wiki.git
cd wiki

# Install dependencies
npm install

# Run development server
npm run docs:dev

Server akan berjalan di http://localhost:5173

# Build untuk production
npm run docs:build

# Preview build result
npm run docs:preview

Output akan tersimpan di folder .vitepress/dist

Project ini menggunakan VitePress dan di-deploy di Vercel.

1. Push repository ke GitHub
2. Buat project baru di Vercel
3. Import repository GitHub
4. Vercel akan auto-detect vercel.json configuration
5. Deploy selesai!

Link Live: https://wiki.aderamdani.web.id

• VitePress v1.6.4 - Static site generator berbasis Vue.js
• Vue.js 3.5.27 - Progressive JavaScript framework
• Markdown - Format penulisan konten
• TypeScript - Custom theme configuration
• CSS - Custom styling untuk features section

wiki/
├── .vitepress/
│   ├── config.mts          # VitePress configuration
│   ├── theme/
│   │   ├── index.ts        # Custom theme entry point
│   │   └── custom.css      # Custom styling
│   └── dist/               # Build output
├── docs/
│   ├── intro.md
│   ├── setup-guides.md
│   ├── macos-setup/
│   │   ├── index.md
│   │   ├── applications.md
│   │   └── system.md
│   ├── windows-setup/
│   ├── linux-setup/
│   ├── development/
│   └── utilitas/
├── public/                 # Static assets (logo, favicon)
├── index.md               # Homepage
├── package.json
├── vercel.json            # Vercel deployment config
└── README.md

Wiki ini menggunakan custom VitePress theme dengan styling khusus:

• Features grid layout responsif
• Hover effects dengan smooth transitions
• Drop shadow pada hero image
• Mobile-friendly design

1. Buat file markdown baru di folder docs/
2. Update sidebar di .vitepress/config.mts jika perlu menambah menu
3. Run npm run docs:dev untuk preview
4. Commit dan push ke GitHub

Contoh membuat page baru:

// Di config.mts sidebar
{
  text: 'Kategori Baru',
  items: [
    { text: '📄 Page Baru', link: '/docs/kategori/page-baru' }
  ]
}

Kemudian buat file: docs/kategori/page-baru.md

Wiki dilengkapi dengan fitur search lokal yang berjalan di sisi client. Search akan mencari di semua markdown files.

Project ini dilisensikan di bawah MIT License

Kontribusi, issues, dan suggestions welcome! Silakan buat issue atau pull request.

• Website: https://aderamdani.web.id
• GitHub: https://github.com/aderamdani
• Email: mr.aderamdani@gmail.com

Made with ❤️ by Ade Ramdani