elysia-svelte-template Svelte Themes

Elysia Svelte Template

๐Ÿš€ B.E.S.T Stack Starter Template

(Bun + Elysia + Svelte + Turso)

Starter kit modern dan super cepat untuk membangun aplikasi full-stack. Didesain dengan fokus pada performa, type-safety, dan developer experience (DX) yang maksimal.


๐Ÿ› ๏ธ Tech Stack

Template ini menggunakan teknologi modern terbaik di ekosistem saat ini:


โœจ Fitur Utama

  • โšก Super Cepat: Ditenagai oleh Bun dan ElysiaJS.
  • ๐Ÿ”’ End-to-End Type Safety: Sinkronisasi tipe data dari database hingga ke frontend.
  • ๐ŸŒ Edge-Ready Database: Menggunakan Turso SQLite yang ringan namun powerful untuk skala global.
  • ๐Ÿ›ก๏ธ Autentikasi Aman & Mudah: Konfigurasi auth yang plug-and-play menggunakan Better Auth.
  • ๐ŸŽจ Reaktif & Ringan: Svelte memberikan UI yang sangat reaktif tanpa virtual DOM overhead.

๐Ÿšฆ Persyaratan

Pastikan kamu sudah menginstal tools berikut di komputermu:

  • Bun (v1.0 atau lebih baru)
  • Akun Turso (untuk setup database)

๐Ÿš€ Memulai (Getting Started)

Ikuti langkah-langkah di bawah ini untuk menjalankan project di local machine kamu.

1. Clone Repository & Install Dependencies

git clone https://github.com/EmhaHasyim/elysia-svelte-template my-app
cd my-app
bun install

2. Setup Environment Variables

Buat file .env di root directory dengan menyalin dari .env.example:

cp .env.example .env

Isi file .env kamu dengan kredensial yang dibutuhkan:

# Database (Turso)
TURSO_DATABASE_URL="libsql://<nama-db-kamu>.turso.io"
TURSO_AUTH_TOKEN="token-auth-turso-kamu"

# Authentication (Better Auth)
BETTER_AUTH_SECRET="rahasia-super-aman-kamu"
BETTER_AUTH_URL="http://localhost:3000"

3. Setup Database (Drizzle)

Generate dan push skema database kamu ke Turso:

bun run db:generate
bun run db:push

4. Jalankan Aplikasi

Jalankan server development:

bun dev

Aplikasi kamu sekarang berjalan! Buka http://localhost:3000 di browser.


๐Ÿ“œ Daftar Perintah (Scripts)

Beberapa perintah yang tersedia di package.json:

  • bun dev : Menjalankan server development (Frontend & Backend).
  • bun build : Mem-build aplikasi untuk production.
  • bun run db:generate : Membuat file migrasi Drizzle dari skema.
  • bun run db:push : Mendorong (push) perubahan skema langsung ke database Turso.
  • bun run db:studio : Membuka Drizzle Studio untuk melihat dan mengelola data.

Top categories

Loading Svelte Themes