sveltekit supabase dashboard

Панель управления SvelteKit Supabase (БЕТА)

---

Простая панель управления, вдохновленная пользовательским интерфейсом Supabase, созданная с использованием SvelteKit в качестве внешнего интерфейса и Supabase в качестве внутреннего интерфейса.

ОТКАЗ ОТ ОТВЕТСТВЕННОСТИ: Этот проект не готов к производству. Ролевой доступ не полностью протестирован. Используйте на свой страх и риск.

Демо

Попробуйте различные роли доступа и представления здесь.

Функции

• Интерфейс в стиле Supabase
• Мульти организация
• Ролевой доступ
• Создание и удаление пользователей в пользовательском интерфейсе панели управления
• Демонстрационные представления таблиц и диаграмм
• Демо-режим (показывать подсказки и отключать обновления баз)

Технологии

• Svelte и SvelteKit как платформа приложений
• Supabase как база данных и серверная часть
• TailwindCSS как фреймворк CSS
• DaisyUI как библиотека компонентов CSS Tailwind
• Supabase Auth Helpers как утилиты аутентификации для работы с Supabase
• Пользовательские утверждения Supabase для доступа к нескольким организациям и ролям.
• Charts.js и svelte-chartjs для диаграмм
• Иконки с перьями и изящные иконки с перьями для иконок
• svelte-loading-spinners для загрузки спиннеров
• Vercel как платформа развертывания

TODO

• Улучшить документацию по разработке
• Исправить проблемы TypeScript
• Добавить больше представлений диаграмм
• Обновить супабас-js v2
• Профили пользователей
• Светлый/Темный режим
• Улучшите мобильную навигацию
• ПВА

Установка

Настройка Супабазы

Создайте новый проект на сайте supabase.com и перейдите в «Настройки» -> «API», чтобы проверить URL-адрес вашего проекта и ключи API.

Клонировать репозиторий

git clone https://github.com/xulioc/sveltekit-supabase-dashboard.git
cd sveltekit-supabase-dashboard

Настройка переменных среды

Создайте новый файл .env

cp .env.example .env

Отредактируйте файл .env , чтобы он соответствовал URL-адресу вашего проекта и ключам API.

 # SUPABASE
PUBLIC_SUPABASE_URL= " YOUR PROJECT URL "
PUBLIC_SUPABASE_ANON_KEY= " YOUR PROJECT ANON KEY "
PRIVATE_SUPABASE_SERVICE_KEY= " YOUR PROJECT SERVICE KEY "

Инициализировать базу данных

Выполните sql/init_databse.sql и sql/init_demo_data.sql в редакторе Supabase SQL.

Установить и запустить

npm install

Чтобы начать в режиме разработки:

npm run dev

Чтобы собрать и запустить в производственном режиме:

npm run build
npm run preview

Развертывать

Для развертывания в Верселе следуйте инструкциям здесь.

Разработка

Более подробную информацию о разработке можно найти здесь.

Способствовать

Не стесняйтесь внести свой вклад. Проблемы и запросы на включение приветствуются.

Лицензия

Массачусетский технологический институт