Descarga de spatz 2 - Descarga del código fuente spatz 2

spatz 2

Otro código fuente

1.0.0

Descargar

spatz-2

Descripción

Una plantilla completa y completa para SVELTE, basada en el spatz original.

Aplicación de demostración en vivo

¿Cuál es la diferencia entre Spatz y Spatz-2?

Spatz utiliza formas estándar en Svelte y Daisyui. SPATZ-2 utiliza Svelte-Superforms, ShadCn-Svelte, Payments y Animaciones de Svelte.

Pila de tecnología

Sveltekit: Marco web futurista para construir aplicaciones web rápidas.
PocketBase: autores de usuario autónomo, base de datos, interfaz de usuario de administración y documentación de API.
OpenAI: CHATGPT 3.5-TURBO y 4.0-TURBO para chatbots contextualmente conscientes.
VERCEL AI SDK: modelos AI/ML para el procesamiento de imágenes, texto y audio.
Tailwindcss: un marco CSS de utilidad para el desarrollo rápido de la interfaz de usuario.
Alimaciones de las sonas: un puerto esbelto de Magic-Ui.
ZOD: Declaración y validación de esquema TypeScript-First.

Características

Autenticación del usuario.
Perfil de usuario y configuración en el cliente.
Panel de administración en PocketBase.
Pagos y suscripciones de rayas.
Temas de modo oscuro/de luz.
Iconos de iconifty.
Animaciones GSAP.
Comando Pallette (CMD+J).
AI Chatbot con OpenAi.
Libro de visitas con bolsillo.
Formularios de Svelte-SuperForms, con validación del cliente/servidor a través de ZOD.

Descripción de la imagen

Empezando

Configuración de bolsillo

Cree un directorio para su instancia de bolsillo y navegue a él.

mkdir pb-spatz-2
cd pb-spatz-2

Descargue la última versión de PocketBase, Unzip It e inicie el servidor.

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 "

Inicie sesión en la consola de administración de PocketBase en http://localhost:8090/_/ y cree una nueva base de datos.
Vaya a Configuración> Importar colecciones, luego pegue en los contens de ./pocketbase/pb_schema.json (de este repositorio) y haga clic en Importar.

Configuración del cliente

Clonar el repositorio y navegar al directorio del proyecto.

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

Copie .env.example y reemplace los valores con los suyos.

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

Instale las dependencias e inicie el servidor de desarrollo.

pnpm i && pnpm run dev --host

Abra su navegador a http://localhost:5173 para ver la aplicación.

Desarrollo

Estructura de proyectos

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