spatz

Spatz

説明

Svelte用の完全なフルスタックテンプレート。

デモアプリ

特徴

• SVELTEKIT：燃える速いWebアプリを構築するための未来的なWebフレームワーク。
• Pocketbase：自己完結型のユーザー認証、データベース、管理UI、およびAPIドキュメント。
• Openai：CHATGPT 3.5ターボと4.0ターボコンテキストを認識しているチャットボット用。
• Vercel AI SDK：画像、テキスト、オーディオ処理のAI/MLモデル。
• TailWindCSS：迅速なUI開発のためのユーティリティファーストCSSフレームワーク。
• Daisyui：Tailwindベースのコンポーネントライブラリ。
• ZOD：タイプスクリプトファーストスキーマ宣言と検証。

スクリーンショット

ホームと機能

ユーザープロファイルと設定UI

クライアント/ポケットベースUI

はじめる

ポケットベースのセットアップ

1. ポケットベースインスタンスのディレクトリを作成し、ナビゲートします。

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. http://localhost:8090/_/でポケットベース管理コンソールにログインし、新しいデータベースを作成します。

4. [設定]> [インポートコレクション]に移動してから、 ./pocketbase/pb_schema.json pb_schema.json（このリポジトリから）のcontensに貼り付け、[インポート]をクリックします。

クライアントのセットアップ

1. リポジトリをクローンして、プロジェクトディレクトリに移動します。

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

2. copy.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に貢献

貢献は歓迎され、感謝されています。機能要求がある場合は、問題として追加するか、プルリクエストを行います。