spatz

Spatz

Beschreibung

Eine vollständige FullStack -Vorlage für Svelte.

Demo -App

Merkmale

• SVELTEKIT: Futuristisches Web -Framework zum Erstellen von Blazing Fast Web Apps.
• PocketBase: Selbübereingenommene Benutzerauth-, Datenbank-, Admin-UI- und API-Dokumentation.
• OpenAI: Chatgpt 3.5-Turbo & 4.0-Turbo für kontextbezogene Chatbots.
• Vercel AI SDK: AI/ML -Modelle für Bild-, Text- und Audioverarbeitung.
• Tailwindcss: Ein Utility-First CSS-Framework für die schnelle UI-Entwicklung.
• Daisyui: Eine basierende Komponentenbibliothek auf der Basis.
• ZOD: Deklaration und Validierung von Typscript-First-Schema.

Screenshots

Home & Features

Benutzerprofil und Einstellungen UI

Client/PocketBase UI

Erste Schritte

Taschenbasis -Setup

1. Erstellen Sie ein Verzeichnis für Ihre Taschenbasis -Instanz und navigieren Sie dazu.

mkdir pb-spatz
cd pb-spatz

2. Laden Sie die neueste Version von PocketBase herunter, entpacken Sie es und starten Sie den Server.

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. Melden Sie sich bei der PocketBase Admin -Konsole unter http://localhost:8090/_/ an und erstellen Sie eine neue Datenbank.

4. Gehen Sie zu Einstellungen> Kollektionen importieren, dann in den Zapfen von ./pocketbase/pb_schema.json (aus diesem Repo) einfügen und importieren.

Client -Setup

1. Klonen Sie das Repo und navigieren Sie zum Projektverzeichnis.

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

2. Kopieren Sie .Env.example und ersetzen Sie die Werte durch Ihre eigenen.

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

3. Installieren Sie die Abhängigkeiten und starten Sie den Entwicklungsserver.

pnpm i && pnpm run dev --host

4. Öffnen Sie Ihren Browser in http://localhost:5173 um die App zu sehen.

Entwicklung

Projektstruktur

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

Ikonen

Die Symbole werden von Iconify/Svelte bereitgestellt. Sie können nach Symbolen auf Symbolen suchen.

Themen und Styling

Die App wird mit allen Standardthemen von Daisyui vorinstalliert. Sie können hier auch Ihre eigenen erstellen

Animationen

Animationen werden von GSAP bereitgestellt und sind einfach zu implementieren. Hier finden Sie die Dokumentation.

Beitrag zu Spatz

Beiträge werden begrüßt und geschätzt. Wenn Sie eine Feature -Anfrage haben, fügen Sie sie bitte als Problem hinzu oder stellen Sie eine Pull -Anfrage.