spatz 2ダウンロードspatz 2ソースコードのダウンロード

spatz 2

その他のソースコード

1.0.0

ダウンロード

Spatz-2

説明

元のSpatzに基づいた、Svelte用の完全なフルスタックテンプレート。

ライブデモアプリ

SpatzとSpatz-2の違いは何ですか？

Spatzは、SvelteとDaisyuiの標準フォームを使用しています。 Spatz-2は、Svelte-Superforms、Shadcn-Svelte、Stripe Payments、およびSvelte-Animationsを使用しています。

技術スタック

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

特徴

ユーザー認証。
クライアントのユーザープロファイルと設定。
ポケットベースの管理ダッシュボード。
ストライプの支払いとサブスクリプション。
ダーク/ライトモードのテーマ。
アイコンアイコン。
GSAPアニメーション。
コマンドパレット（CMD+J）。
OpenaiとのAIチャットボット。
ポケットベース付きのゲストブック。
ZODを介したクライアント/サーバーの検証により、Svelte-Superformsによるフォーム。

画像の説明

はじめる

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

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

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

http://localhost:8090/_/でポケットベース管理コンソールにログインし、新しいデータベースを作成します。
[設定]> [インポートコレクション]に移動してから、 ./pocketbase/pb_schema.json pb_schema.json（このリポジトリから）のcontensに貼り付け、[インポート]をクリックします。

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

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

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

copy.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)