Téléchargement sveltekit supabase dashboard - Tableau de sveltekit supabase dashboard du code source

sveltekit supabase dashboard

Autres catégories

1.0.0

Télécharger

Tableau de bord SvelteKit Supabase (BÊTA)

texte alternatif

Tableau de bord simple inspiré de Supabase UI réalisé avec SvelteKit comme frontend et Supabase comme backend.

AVIS DE NON-RESPONSABILITÉ : Ce projet n'est pas prêt pour la production. L'accès basé sur les rôles n'est pas entièrement testé. Utilisez à vos propres risques.

Démo

Essayez différents rôles et vues d'accès ici.

Caractéristiques

Interface utilisateur inspirée de Supabase
Multi-organisation
Accès basé sur les rôles
Création et suppression d'utilisateurs dans l'interface utilisateur du tableau de bord
Vues de démonstration des tableaux et graphiques
Mode démo (afficher des astuces et désactiver les mises à jour de la base de données)

Technologies

Svelte et SvelteKit comme framework d'application
Supabase comme base de données et backend
TailwindCSS comme framework CSS
DaisyUI comme bibliothèque de composants CSS Tailwind
Supabase Auth Helpers en tant qu'utilitaires d'authentification pour travailler avec Supabase
Revendications personnalisées Supabase pour un accès multi-organisations et basé sur les rôles
Charts.js et svelte-chartjs pour les graphiques
Icônes de plumes et icônes de plumes sveltes pour les icônes
svelte-loading-spinners pour charger les fileuses
Vercel comme plateforme de déploiement

FAIRE

Améliorer les documents de développement
Résoudre les problèmes de TypeScript
Ajouter plus de vues graphiques
~~Mettre à jour supabase-js v2~~
~~Profils d'utilisateurs~~
~~Mode clair/obscur~~
Améliorer la navigation mobile
PWA

Installation

Configurer la Supabase

Créez un nouveau projet sur supabase.com et accédez à Paramètres->API pour vérifier l'URL de votre projet et les clés API.

Cloner le dépôt

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

Configurer les variables d'environnement

Créer un nouveau fichier .env

cp .env.example .env

Modifiez votre fichier .env pour qu'il corresponde à l'URL de votre projet et aux clés API

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