spatz

Spatz

描述

Svelte的完整，全栈模板。

演示应用程序

特征

• Sveltekit：用于构建炽烈快速网络应用程序的未来派网络框架。
• PocketBase：独立的用户验证，数据库，Admin UI和API文档。
• OpenAI：Chatgpt 3.5-Turbo＆4.0-Turbo，用于上下文意识到聊天机器人。
• Vercel AI SDK：用于图像，文本和音频处理的AI/ML模型。
• TailWindCSS：快速UI开发的公用事业第一CSS框架。
• Daisyui：一个基于尾风的组件库。
• ZOD：打字稿优先架构声明和验证。

屏幕截图

家庭和功能

用户个人资料和设置UI

客户端/PocketBase UI

入门

PocketBase设置

1. 为您的Pocketbase实例创建一个目录，然后导航到它。

mkdir pb-spatz
cd pb-spatz

2. 下载Pocketbase的最新版本，解压缩IT，然后启动服务器。

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. 通过http://localhost:8090/_/并创建一个新的数据库。

4. 转到设置>导入集合，然后粘贴在./pocketbase/pb_schema.json （来自此回购）的contens中，然后单击导入。

客户端设置

1. 克隆回购并导航到项目目录。

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提供。您可以在ICONES上搜索图标。

主题和样式

该应用程序预先载有Daisyui的所有标准主题。您也可以在这里创建自己的

动画

动画由GSAP提供，易于实现。您可以在此处找到该文档。

为spatz做出了贡献

贡献受到欢迎和赞赏。如果您有功能请求，请将其添加为问题或提出拉请请求。