spatz

กระพือปีก

คำอธิบาย

เทมเพลต Fullstack ที่สมบูรณ์สำหรับ Svelte

แอพสาธิต

คุณสมบัติ

• Sveltekit: Futuristic Web Framework สำหรับการสร้างแอพพลิเคชั่นเว็บที่รวดเร็ว
• PocketBase: ผู้ใช้ที่มีอยู่ในตัวเองฐานข้อมูลผู้ดูแลระบบ UI และ API
• OpenAI: CHATGPT 3.5-turbo & 4.0-turbo สำหรับ chatbots ที่รับรู้ตามบริบท
• Vercel AI SDK: โมเดล AI/ML สำหรับการประมวลผลภาพข้อความและเสียง
• Tailwindcss: เฟรมเวิร์ก CSS ยูทิลิตี้แรกสำหรับการพัฒนา UI อย่างรวดเร็ว
• Daisyui: ไลบรารีส่วนประกอบที่ใช้ลม
• ZOD: การประกาศและการตรวจสอบสคีมา TypeScript ก่อน

ภาพหน้าจอ

หน้าแรกและคุณสมบัติ

โปรไฟล์ผู้ใช้และการตั้งค่า UI

ไคลเอนต์/pocketbase ui

เริ่มต้น

การตั้งค่า PocketBase

1. สร้างไดเรกทอรีสำหรับอินสแตนซ์ PocketBase ของคุณและนำทางไป

mkdir pb-spatz
cd pb-spatz

2. ดาวน์โหลดรุ่นล่าสุดของ PocketBase เปิดซิปและเริ่มเซิร์ฟเวอร์

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. เข้าสู่ระบบคอนโซลผู้ดูแลระบบ PocketBase ที่ http://localhost:8090/_/ และสร้างฐานข้อมูลใหม่

4. ไปที่การตั้งค่า> นำเข้าคอลเลกชันจากนั้นวางในการเชื่อมต่อของ ./pocketbase/pb_schema.json (จาก repo นี้) และคลิกนำเข้า

การตั้งค่าไคลเอนต์

1. โคลน repo และนำทางไปยังไดเรกทอรีโครงการ

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

2. คัดลอก. env.example และแทนที่ค่าด้วยของคุณเอง

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

3. ติดตั้งการพึ่งพาและเริ่มต้นเซิร์ฟเวอร์การพัฒนา

pnpm i && pnpm run dev --host

4. เปิดเบราว์เซอร์ของคุณเป็น http://localhost:5173 เพื่อดูแอพ

การพัฒนา

โครงสร้างโครงการ

 /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)

ไอคอน

ไอคอนจัดทำโดย iconify/svelte คุณสามารถค้นหาไอคอนบนไอคอน

ธีมและการจัดแต่งทรงผม

แอพนี้มาพร้อมกับธีมมาตรฐานทั้งหมดจาก Daisyui คุณยังสามารถสร้างของคุณเองได้ที่นี่

ภาพเคลื่อนไหว

แอนิเมชั่นจัดทำโดย GSAP และใช้งานง่าย คุณสามารถค้นหาเอกสารได้ที่นี่

มีส่วนร่วมใน spatz

การบริจาคได้รับการต้อนรับและชื่นชม หากคุณมีคำขอคุณสมบัติโปรดเพิ่มเป็นปัญหาหรือทำคำขอดึง