72 lines
1.8 KiB
Markdown
72 lines
1.8 KiB
Markdown
|
# Platform SaaS
|
||
|
|
|
||
|
|
Plateforme SaaS développée avec Next.js, Tailwind CSS et Prisma.
|
||
|
|
|
||
|
|
## Stack technique
|
||
|
|
|
||
|
|
- **Next.js 14** - Framework React avec App Router
|
||
|
|
- **TypeScript** - Typage statique
|
||
|
|
- **Tailwind CSS** - Framework CSS utilitaire
|
||
|
|
- **Prisma** - ORM pour la base de données
|
||
|
|
- **SQLite** - Base de données (développement)
|
||
|
|
|
||
|
|
## Installation
|
||
|
|
|
||
|
|
1. Installer les dépendances :
|
||
|
|
```bash
|
||
|
|
npm install
|
||
|
|
```
|
||
|
|
|
||
|
|
2. Configurer les variables d'environnement :
|
||
|
|
```bash
|
||
|
|
cp .env.example .env
|
||
|
|
```
|
||
|
|
|
||
|
|
3. Initialiser la base de données :
|
||
|
|
```bash
|
||
|
|
npm run db:push
|
||
|
|
```
|
||
|
|
|
||
|
|
4. Générer le client Prisma :
|
||
|
|
```bash
|
||
|
|
npm run db:generate
|
||
|
|
```
|
||
|
|
|
||
|
|
5. Lancer le serveur de développement :
|
||
|
|
```bash
|
||
|
|
npm run dev
|
||
|
|
```
|
||
|
|
|
||
|
|
L'application sera accessible sur [http://localhost:3000](http://localhost:3000)
|
||
|
|
|
||
|
|
## Structure du projet
|
||
|
|
|
||
|
|
```
|
||
|
|
platform/
|
||
|
|
├── app/ # Pages et routes Next.js
|
||
|
|
│ ├── login/ # Page de connexion
|
||
|
|
│ ├── dashboard/ # Page tableau de bord
|
||
|
|
│ └── api/ # Routes API
|
||
|
|
├── components/ # Composants React
|
||
|
|
├── lib/ # Utilitaires et helpers
|
||
|
|
├── prisma/ # Schéma Prisma
|
||
|
|
└── public/ # Fichiers statiques
|
||
|
|
```
|
||
|
|
|
||
|
|
## Fonctionnalités
|
||
|
|
|
||
|
|
- ✅ Page de connexion
|
||
|
|
- ✅ Page tableau de bord
|
||
|
|
- ✅ Authentification basique avec sessions
|
||
|
|
- ✅ Protection des routes
|
||
|
|
- ✅ Interface responsive avec Tailwind CSS
|
||
|
|
|
||
|
|
## Commandes disponibles
|
||
|
|
|
||
|
|
- `npm run dev` - Lancer le serveur de développement
|
||
|
|
- `npm run build` - Construire l'application pour la production
|
||
|
|
- `npm run start` - Lancer l'application en production
|
||
|
|
- `npm run db:push` - Synchroniser le schéma Prisma avec la base de données
|
||
|
|
- `npm run db:studio` - Ouvrir Prisma Studio (interface graphique pour la DB)
|
||
|
|
- `npm run db:generate` - Générer le client Prisma
|