Panel de control SvelteKit Supabase (BETA)
Panel de control simple inspirado en la interfaz de usuario de Supabase creado con SvelteKit como interfaz y Supabase como backend.
DESCARGO DE RESPONSABILIDAD: Este proyecto no está listo para producción. El acceso basado en roles no está completamente probado. Úselo bajo su propio riesgo.
Manifestación
Pruebe diferentes roles de acceso y vistas aquí.
Características
- UI inspirada en Supabase
- Multiorganización
- Acceso basado en roles
- Creación y eliminación de usuarios en la interfaz de usuario del panel
- Vistas de demostración de tablas y gráficos
- Modo de demostración (muestra sugerencias y desactiva las actualizaciones de la base de datos)
Tecnologías
- Svelte y SvelteKit como marco de aplicación
- Supabase como base de datos y backend
- TailwindCSS como marco CSS
- DaisyUI como biblioteca de componentes CSS de Tailwind
- Supabase Auth Helpers como utilidades de autenticación para trabajar con Supabase
- Reclamaciones personalizadas de Supabase para múltiples organizaciones y acceso basado en roles
- Charts.js y svelte-chartjs para gráficos
- Iconos de plumas e iconos de plumas esbeltas para iconos
- esbeltos-hiladores-de-carga para cargar hilanderos
- Vercel como plataforma de implementación
HACER
- Mejorar los documentos de desarrollo.
- Solucionar problemas de TypeScript
- Agregar más vistas de gráficos
Actualizar supabase-js v2 Perfiles de usuario Modo claro/oscuro- Mejorar la navegación móvil
- PWA
Instalación
Configurar Supabase
Cree un nuevo proyecto en supabase.com y vaya a Configuración->API para verificar la URL de su proyecto y las claves API.
Clonar el repositorio
git clone https://github.com/xulioc/sveltekit-supabase-dashboard.git
cd sveltekit-supabase-dashboard
Configurar variables de entorno
Crea un nuevo archivo .env
Edite su archivo .env
para que coincida con la URL de su proyecto y las claves 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 base de datos
Ejecute sql/init_databse.sql
y sql/init_demo_data.sql
en Supabase SQL Editor.
Instalar y ejecutar
Para comenzar en modo de desarrollo:
Para construir y comenzar en modo de producción:
npm run build
npm run preview
Desplegar
Para implementar en Vercel, siga las instrucciones aquí.
Desarrollo
Encuentre más detalles del desarrollo aquí.
Contribuir
Siéntete libre de contribuir. Los problemas y las solicitudes de extracción son bienvenidos.
Licencia
MIT