Memulai
Buat proyek Bosia pertama Anda dalam waktu kurang dari satu menit.
Prasyarat
- Bun >= 1.x — Bosia berjalan sepenuhnya di atas Bun. Tidak memerlukan Node.js.
Membuat Proyek Baru
bun x bosia@latest create my-appAnda akan diminta memilih template:
| Template | Deskripsi |
|---|---|
| default | Starter minimal — halaman utama, halaman about, satu loader |
| demo | Fitur lengkap — blog, API routes, form actions, hooks |
Untuk melewati prompt:
bun x bosia@latest create my-app --template demoPengembangan
cd my-app
bun run devBuka http://localhost:9000. Dev server memantau perubahan file dan memuat ulang browser secara otomatis melalui SSE — tanpa kedipan halaman penuh.
Build Produksi
bun run build
bun run startbuild mengompilasi bundle klien, entry server, Tailwind CSS, dan melakukan prerender rute statis. start menjalankan server produksi.
Halaman Pertama Anda
Buat file baru di src/routes/hello/+page.svelte:
<h1>Hello!</h1><p>This is my first Bosia page.</p>Kunjungi http://localhost:9000/hello — selesai. Tidak perlu konfigurasi, impor, atau pendaftaran. Router berbasis file mendeteksinya secara otomatis.
Menambahkan Server Loader
Buat src/routes/hello/+page.server.ts di samping halaman:
import type { LoadEvent } from "bosia";
export async function load({ url }: LoadEvent) {
return {
greeting: `Hello from the server!`,
timestamp: Date.now(),
};
}Akses data di halaman Anda:
<script lang="ts">
let { data } = $props();
</script>
<h1>{data.greeting}</h1><p>Rendered at {new Date(data.timestamp).toLocaleString()}</p>Langkah Selanjutnya
- Struktur Proyek — pahami tata letak file
- Routing — rute dinamis, grup, layout
- Server Loaders — muat data, metadata, pengaliran parent
- API Routes — bangun endpoint REST