📚 Dokumentasi LayangKit
Selamat datang di dokumentasi LayangKit! 🪁 Dokumentasi ini dirancang untuk membuat development menjadi lebih mudah dan nyaman, baik untuk pemula maupun developer berpengalaman.
💰 100% GRATIS untuk project kecil hingga menengah! Semua layanan yang digunakan punya free tier yang sangat besar — bisa jalan bertahun-tahun tanpa keluar biaya sepeser pun.
🎯 Pilih Jalur Belajar
👶 Saya Pemula
Baru belajar web development? Ikuti path ini:
Getting Started (10 menit)
↓
Development Flow (20 menit)
↓
Features (15 menit)
↓
Deployment (10 menit)
↓
🎉 Aplikasi Live!Total: ~1 jam untuk aplikasi pertama
🚀 Saya Sudah Berpengalaman
Sudah familiar dengan web dev? Langsung ke intinya:
Getting Started (10 menit)
↓
AI-First Development (15 menit) ← Focus here!
↓
Deployment (10 menit)
↓
🎉 Build dengan AI!Total: ~35 menit untuk productive development
🤖 Saya Mau Development dengan AI
Maximize productivity dengan AI:
AI-First Development (15 menit) ← Mulai dari sini!
↓
Getting Started (10 menit)
↓
Build dengan AI assistance
↓
🎉 Ship faster!📖 Navigasi Dokumentasi
🚀 Core Guides (Mulai dari sini!)
| Dokumen | Apa yang dipelajari | Estimasi |
|---|---|---|
| Getting Started | Setup project dalam 5 menit | 10 menit |
| Development Flow | Konsep & pola SvelteKit | 20 menit |
| Features | Menggunakan fitur built-in | 15 menit |
| Deployment | Deploy ke Cloudflare | 10 menit |
🤖 AI Agent Workflow (⭐ Recommended)
| Dokumen | Apa yang dipelajari | Estimasi |
|---|---|---|
| AI Agent Guide | Panduan 3 AI Agent | 15 menit |
| INIT_AGENT | Setup project baru | 20 menit |
| TASK_AGENT | Implementasi fitur | ongoing |
| MANAGER_AGENT | Change management | 10 menit |
| Prompt Templates | Template prompt manual | 10 menit |
🏗️ Arsitektur & Advanced (Opsional)
| Dokumen | Topik | Untuk |
|---|---|---|
| Architecture | System design | Semua |
| Project Structure | Struktur folder | Semua |
| Database Schema | Schema & relations | Semua |
| SvelteKit Patterns | Best practices | Intermediate |
⚙️ Setup Lanjutan (Opsional)
| Dokumen | Fitur | Waktu |
|---|---|---|
| Environment Variables | Konfigurasi lengkap | 15 menit |
| Database D1 | Setup database | 15 menit |
| Google OAuth | Login dengan Google | 15 menit |
| Resend Email | Email verification | 15 menit |
| Cloudflare R2 | File upload storage | 20 menit |
🐛 Troubleshooting
| Dokumen | Masalah yang dibahas |
|---|---|
| Database Issues | D1, migrations, queries |
| Authentication Issues | Login, session, OAuth |
| Upload Issues | File upload, R2 |
| Deployment Issues | Build, deploy, errors |
💡 Tips Membaca Dokumentasi
Untuk Pemula
- 📖 Mulai dari Getting Started - Jangan skip, setup dijelaskan step-by-step
- 🎯 Ikuti Development Flow - Pahami konsep sebelum coding
- ⚠️ Check Troubleshooting - Kalau stuck, lihat solusi umum
- 🤖 Gunakan AI - Tanya AI jika ada yang tidak paham
Untuk Developer Berpengalaman
- 🏗️ Review Architecture - Pahami edge-first patterns
- 🤖 AI-First Guide - Maximize productivity dengan AI
- ⚡ Check Performance - Optimasi awal lebih baik
- 🔐 Follow Security - Production needs hardening
🛠️ Tech Stack Overview
┌─────────────────────────────────────────────────────────┐
│ SvelteKit 2.x │ Framework full-stack │
│ Svelte 5 │ UI library dengan Runes │
│ Cloudflare D1 │ SQLite database di edge │
│ Drizzle ORM 0.40 │ Type-safe SQL │
│ Lucia Auth │ Session-based authentication │
│ Tailwind CSS 4 │ CSS-first styling │
│ Cloudflare Pages │ Edge deployment │
└─────────────────────────────────────────────────────────┘🆕 Update 2026: Project ini menggunakan Svelte 5 dengan Runes dan Tailwind CSS 4.
🤝 Kontribusi
Dokumentasi ini open source! Kontribusi selalu welcome:
- ❌ Error atau typo
- 🆕 Topik yang belum tercakup
- 💡 Cara penjelasan yang lebih baik
- 🤖 Prompt template baru untuk AI
🚀 Siap Mulai?
Pilih jalur sesuai kebutuhan:
Happy coding! 🎉
Ada pertanyaan? Check troubleshooting section atau buat issue di GitHub.