Skip to content

Latest commit

 

History

History
105 lines (78 loc) · 2.78 KB

README.md

File metadata and controls

105 lines (78 loc) · 2.78 KB

Saassit

Un template moderne et complet pour créer des applications SaaS avec React, Supabase et shadcn/ui.

🚀 Caractéristiques

  • ⚡️ React 18 avec Vite
  • 🔐 Authentification complète avec Supabase Auth
  • 🌙 Mode sombre avec persistance des préférences
  • 📱 Navigation responsive avec menu mobile
  • 🎨 UI Components modernes avec shadcn/ui
  • 📦 Base de données PostgreSQL avec Supabase
  • 🔒 Routes protégées pour le contenu privé
  • 🔔 Notifications avec système de toast
  • 🔍 TypeScript pour un code robuste
  • 📝 ESLint & Prettier configurés
  • ⚠️ Configuration Warnings pour Supabase
  • 🚢 Production ready

🛠 Stack Technique

📦 Installation

  1. Clonez le repository
git clone https://github.com/yourusername/saassit.git
cd saassit
  1. Installez les dépendances
yarn install
  1. Configurez les variables d'environnement
cp .env.example .env
  1. Mettez à jour les variables d'environnement dans le fichier .env avec vos identifiants Supabase:
VITE_SUPABASE_URL=votre-url-supabase
VITE_SUPABASE_ANON_KEY=votre-clé-anon-supabase
  1. Démarrez le serveur de développement
yarn dev

🚀 Production

Pour construire l'application pour la production :

yarn build

Les fichiers de production seront générés dans le dossier dist. Pour tester la version de production localement :

yarn preview

Variables d'environnement requises pour la production

Assurez-vous d'avoir configuré ces variables d'environnement dans votre environnement de production :

  • VITE_SUPABASE_URL
  • VITE_SUPABASE_ANON_KEY

Sans ces variables, l'application affichera un avertissement et certaines fonctionnalités ne seront pas disponibles.

📁 Structure du Projet

saassit/
├── public/          # Fichiers statiques
├── src/
│   ├── components/  # Composants React réutilisables
│   ├── lib/        # Utilitaires et configurations
│   ├── pages/      # Pages de l'application
│   └── styles/     # Styles globaux
└── ...

🎨 Personnalisation

Le projet utilise shadcn/ui pour les composants UI. La configuration se trouve dans :

  • tailwind.config.js pour les styles Tailwind
  • components.json pour la configuration shadcn/ui

📄 License

Ce projet est sous licence MIT. Voir le fichier LICENSE pour plus de détails.