spatz 2

spatz-2

Descrição

Um modelo completo de pilhas fullstack para esbelto, com base no Spatz original.

App de demonstração ao vivo

Qual é a diferença entre Spatz e Spatz-2?

Spatz usa formulários padrão em esbelto e Daisyui. O SPATZ-2 usa salgadinhos-superforms, shadcn-sofrte, pagamentos com faixas e animações esbeltas.

Pilha de tecnologia

• Sveltekit: estrutura futurista da web para criar aplicativos da web em chamas rápidas.
• PocketBase: autônomo autônomo, banco de dados, interface do usuário e documentação da API.
• OpenAI: Chatgpt 3.5-Turbo e 4.0-Turbo para chatbots contextualmente conscientes.
• VERCEL AI SDK: Modelos AI/ML para Processamento de Imagem, Texto e Áudio.
• Tailwindcss: uma estrutura CSS de utilitário para o desenvolvimento rápido da interface do usuário.
• Animações esbeltas: um porto esbelto de Magic-Ui.
• ZOD: Declaração e validação do esquema da TypeScript-primeiro.

Características

• Autenticação do usuário.
• Perfil de usuário e configurações no cliente.
• Painel de administração na base de bolso.
• Pagamentos e assinaturas de faixas.
• Temas do modo escuro/claro.
• Ícones iconifty.
• Animações GSAP.
• Palette de comando (cmd+j).
• Ai chatbot com o Openai.
• Livro de visitas com PocketBase.
• Formulários por SVELTE-superforms, com validação de cliente/servidor via Zod.

Começando

Configuração da base de bolso

1. Crie um diretório para a sua instância da Base Pocket e navegue até ela.

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

2. Faça o download do lançamento mais recente do PocketBase, descompacte -o e inicie o 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 "

3. Faça login no console administrativo do PocketBase em http://localhost:8090/_/ e crie um novo banco de dados.

4. Vá para Configurações> Importar coleções e coloque -o no contens de ./pocketbase/pb_schema.json (deste repo) e clique em importar.

Configuração do cliente

1. Clone o repositório e navegue até o diretório do projeto.

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

2. Copy .env.example e substitua os valores por seus próprios.

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

3. Instale as dependências e inicie o servidor de desenvolvimento.

pnpm i && pnpm run dev --host

4. Abra seu navegador para http://localhost:5173 para ver o aplicativo.

Desenvolvimento

Estrutura do projeto

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

Ícones

Os ícones são fornecidos pela Iconify/Sieve. Você pode procurar ícones em icones.

Animações

As animações são fornecidas pelo GSAP e são fáceis de implementar. Você pode encontrar a documentação aqui.

Contribuindo para Spatz

As contribuições são bem -vindas e apreciadas. Se você tiver uma solicitação de recurso, adicione -a como um problema ou faça uma solicitação de tração.