Painel SvelteKit Supabase (BETA)
Painel simples inspirado na UI do Supabase feito com SvelteKit como frontend e Supabase como backend.
AVISO LEGAL: Este projeto não está pronto para produção. O acesso baseado em função não foi totalmente testado. Use por sua conta e risco.
Demonstração
Experimente diferentes funções de acesso e visualizações aqui.
Características
- UI inspirada em Supabase
- Multiorganização
- Acesso baseado em função
- Criação e exclusão de usuários na IU do painel
- Visualizações de demonstração de tabelas e gráficos
- Modo de demonstração (mostra dicas e desativa atualizações do banco de dados)
Tecnologias
- Svelte e SvelteKit como estrutura de aplicativo
- Supabase como banco de dados e backend
- TailwindCSS como estrutura CSS
- DaisyUI como biblioteca de componentes CSS do Tailwind
- Supabase Auth Helpers como utilitários de autenticação para trabalhar com Supabase
- Declarações personalizadas da Supabase para acesso multiorganizacional e baseado em função
- Charts.js e svelte-chartjs para gráficos
- Ícones de penas e ícones de penas esbeltos para ícones
- svelte-loading-spinners para carregar spinners
- Vercel como plataforma de implantação
PENDÊNCIA
- Melhorar os documentos de desenvolvimento
- Corrigir problemas de TypeScript
- Adicione mais visualizações de gráfico
Atualizar supabase-js v2 Perfis de usuário Modo claro/escuro- Melhore a navegação móvel
- PWA
Instalação
Configurar Supabase
Crie um novo projeto em supabase.com e vá para Configurações->API para verificar o URL do seu projeto e as chaves de API
Clonar o repositório
git clone https://github.com/xulioc/sveltekit-supabase-dashboard.git
cd sveltekit-supabase-dashboard
Configurar variáveis de ambiente
Crie um novo arquivo .env
Edite seu arquivo .env para corresponder ao URL do projeto e às chaves de API
# SUPABASE
PUBLIC_SUPABASE_URL= " YOUR PROJECT URL "
PUBLIC_SUPABASE_ANON_KEY= " YOUR PROJECT ANON KEY "
PRIVATE_SUPABASE_SERVICE_KEY= " YOUR PROJECT SERVICE KEY "
Inicializar banco de dados
Execute sql/init_databse.sql e sql/init_demo_data.sql no Editor SQL Supabase.
Instalar e executar
Para iniciar no modo de desenvolvimento:
Para construir e iniciar no modo de produção:
npm run build
npm run preview
Implantar
Para implantar no Vercel, siga as instruções aqui.
Desenvolvimento
Encontre mais detalhes de desenvolvimento aqui.
Contribuir
Sinta-se à vontade para contribuir. Problemas e solicitações pull são bem-vindos.
Licença
MIT
