spatz 2下载 - spatz 2源代码下载

spatz 2

其他源码

1.0.0

下载

Spatz-2

描述

基于原始Spatz的完整的全幕模板。

实时演示应用程序

Spatz和Spatz-2有什么区别？

Spatz在Svelte和Daisyui中使用标准形式。 SPATZ-2使用效果较高，Shadcn-Svelte，Stripe Payments和Svelte-Animations。

技术堆栈

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

特征

用户身份验证。
用户配置文件和客户端设置。
Pocketbase中的管理仪表板。
条纹付款和订阅。
黑暗/光模式主题。
偶像图标。
GSAP动画。
命令pallette（CMD+J）。
AI聊天机器人与Openai。
带有Pocketbase的留言簿。
表单由Svelte-Supulforms，通过ZOD进行客户端/服务器验证。

图像描述

入门

PocketBase设置

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

mkdir pb-spatz-2
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 "

通过http://localhost:8090/_/并创建一个新的数据库。
转到设置>导入集合，然后粘贴在./pocketbase/pb_schema.json （来自此回购）的contens中，然后单击导入。

客户端设置

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

复制.env.example并用自己的值替换值。

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

安装依赖项并启动开发服务器。

pnpm i && pnpm run dev --host

将浏览器打开http://localhost:5173以查看应用程序。

发展

项目结构

 /src
├── /lib
│   ├── /schema.ts (Zod schema)
│   └── app.d.ts (global types)
├── /assets
│   └── /images
├── /components
│   ├── /magic-ui (svelte-animations)
│   └── /ui (shared components)
├── /stores (global state)
├── /routes
│   ├── /guestbook
│   │   └── /post
│   │       └── /[id]
│   ├── /users
│   │   └── /[id]
│   ├── /technologies
│   ├── /subscriptions
│   ├── /terms
│   ├── /ai
│   │   ├── /chat
│   │   ├── /context
│   │   ├── /a
│   │   ├── /b
│   │   └── /c
│   ├── /donate
│   │   ├── /cancel (redirect when cancelling stripe payment)
│   │   └── /success (redirect after successful stripe payment)
│   ├── /checkout
│   │   ├── /payment (redirect when cancelling stripe payment)
│   │   ├── /cancel (redirect when cancelling stripe payment)
│   │   └── /success (redirect after successful stripe payment)
│   ├── /api
│   │   ├── /repo-data (fetch github repository stars)
│   │   ├── /fortune (fetch random tech founder quote)
│   │   ├── /chat (OpenAI streaming API)
│   │   └── /donate (for stripe payments)
│   │__ /auth (Pocketbase auth)
│   │   ├── /login
│   │   ├── /register
│   │   ├── /logout
│   │   └── /reset-password
│   └── /my (user-specific routes)
│       ├── /profile
│       ├── /account
│       ├── /billing (for subscriptions)
│       └── /settings
/pocketbase
├── pb_schema.json
/static
└── /docs (general documentation)