spatz

Spatz

Keterangan

Template full -stack lengkap untuk Svelte.

Aplikasi demo

Fitur

• Sveltekit: Kerangka web futuristik untuk membangun aplikasi web cepat menyala.
• PocketBase: Dokumentasi Pengguna Mandiri, Database, Admin UI, dan API yang mandiri.
• OpenAI: Chatgpt 3.5-turbo & 4.0-turbo untuk chatbots yang secara kontekstual sadar.
• Vercel AI SDK: Model AI/ML untuk pemrosesan gambar, teks, dan audio.
• TailwindCSS: Kerangka kerja CSS utilitas-pertama untuk pengembangan UI yang cepat.
• Daisyui: Perpustakaan komponen berbasis tailwind.
• ZOD: Deklarasi dan Validasi Skema TypeScript-First.

Tangkapan layar

Rumah & Fitur

Profil & Pengaturan Pengguna UI

UI Klien/PocketBase

Memulai

Pengaturan PocketBase

1. Buat direktori untuk instance saku Anda dan navigasikan ke sana.

mkdir pb-spatz
cd pb-spatz

2. Unduh rilis terbaru PocketBase, unzip, dan mulai server.

wget https://github.com/pocketbase/pocketbase/releases/download/v0.22.9/pocketbase_0.22.9_linux_amd64.zip
unzip pocketbase_0.22.9_linux_amd64.zip
./pocketbase serve --http= " 0.0.0.0:8090 "

3. Masuk ke konsol admin saku di http://localhost:8090/_/ dan membuat database baru.

4. Buka Pengaturan> Koleksi Impor, lalu tempel di Contens dari ./pocketbase/pb_schema.json (dari repo ini) dan klik impor.

Pengaturan Klien

1. Kloning repo dan navigasikan ke direktori proyek.

git clone https://github.com/engageintellect/spatz
cd spatz

2. Salin .env.example dan ganti nilainya dengan nilai sendiri.

cp .env.example .env.local (or .env)

3. Instal dependensi dan mulai server pengembangan.

pnpm i && pnpm run dev --host

4. Buka browser Anda ke http://localhost:5173 untuk melihat aplikasi.

Perkembangan

Struktur proyek

 /src
├── /lib
│   └── app.d.ts (global types)
├── /assets
│   └── /images
├── /components
├── /stores (global state)
├── /routes
│   ├── /guestbook
│   ├── /ai (nested routes)
│   │   ├── /a
│   │   ├── /b
│   │   └── /c
│   ├── /api
│   │   ├── /repoData (fetch github repository stars)
│   │   ├── /chat (OpenAI streaming API)
│   │__ /auth (Pocketbase auth)
│   │   ├── /login
│   │   ├── /register
│   │   ├── /logout
│   │   └── /reset-password
│   └── /my (user-specific routes)
│       ├── /account
│       ├── /profile
│       └── /settings
/pocketbase
├── pb_schema.json
/static
└── /docs (general documentation)

Ikon

Ikon disediakan oleh Iconify/Svelte. Anda dapat mencari ikon pada ikon.

Tema dan gaya

Aplikasi ini dilengkapi dengan semua tema standar dari Daisyui. Anda juga dapat membuat sendiri di sini

Animasi

Animasi disediakan oleh GSAP dan mudah diimplementasikan. Anda dapat menemukan dokumentasinya di sini.

Berkontribusi pada Spatz

Kontribusi disambut, dan dihargai. Jika Anda memiliki permintaan fitur, silakan tambahkan sebagai masalah atau buat permintaan tarik.