spatz

шпатц

Описание

Полный шаблон FullStack для Svelte.

Демо -приложение

Функции

• SVELTEKIT: футуристическая веб -структура для создания Blazing Fast Web Apps.
• Pocketbase: автономная пользовательская авторитет, база данных, пользовательский интерфейс и документация API.
• OpenAI: CHATGPT 3.5-Turbo & 4.0-Turbo для контекста-аккуратных чат-ботов.
• Vercel AI SDK: модели AI/ML для обработки изображения, текста и аудио.
• Tailwindcss: первая коммунальная структура CSS для быстрой разработки пользовательского интерфейса.
• Daisyui: библиотека компонентов на основе такового ветра.
• ZOD: TypeScript-первая схема объявления и проверка.

Скриншоты

Главная и особенности

Пользовательский пользовательский интерфейс и настройки

Клиент/карманная база пользовательского интерфейса

Начиная

Настройка карманной базы

1. Создайте каталог для вашего экземпляра Pocketbase и перейдите к нему.

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. Войдите в консоли администратора Pocketbase по адресу http://localhost:8090/_/ и создайте новую базу данных.

4. Перейдите в настройки> Импортные коллекции, затем вставьте в Contens of ./pocketbase/pb_schema.json (из этого репо) и нажмите «Импорт».

Настройка клиента

1. Клонировать репо и перейти к каталогу проекта.

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

2. Скопируйте .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. Вы можете искать значки на значках.

Темация и стиль

Приложение поставляется предварительно загруженным всеми стандартными темами от Daisyui. Вы также можете создать свой собственный здесь

Анимация

Анимации предоставляются GSAP и легко реализовать. Вы можете найти документацию здесь.

Вклад в Спатц

Вклады приветствуются и ценятся. Если у вас есть запрос на функцию, добавьте его в качестве проблемы или сделайте запрос на вытяжение.