# 📚 Documentation — Ether Création

Documentation multi-produits basée sur **Docusaurus 3**.

## 🚀 Démarrage rapide

### Prérequis
- Node.js 18+
- npm ou yarn

### Installation

```bash
npm install
```

### Lancer en local

```bash
npm run start
# → http://localhost:3000
```

### Build pour la production

```bash
npm run build
# → Le dossier /build/ est prêt à déployer sur ton hébergement
```

---

## 📁 Structure du projet

```
├── docs/
│   ├── produit1/        ← Documentation Produit 1
│   ├── produit2/        ← Documentation Produit 2
│   ├── produit3/        ← Documentation Produit 3
│   ├── produit4/        ← Documentation Produit 4
│   └── produit5/        ← Documentation Produit 5
├── blog/                ← Actualités & Changelog
├── src/
│   ├── pages/index.js   ← Page d'accueil (éditer ici !)
│   └── css/custom.css   ← Styles et couleurs
├── static/img/          ← Logo, images statiques
├── docusaurus.config.js ← ⭐ Configuration principale
├── sidebars.js          ← Menu latéral Produit 1
├── sidebars-produit2.js ← Menu latéral Produit 2
└── ...
```

---

## ✏️ Personnalisation

### 1. Changer le nom et l'URL

Dans `docusaurus.config.js` :

```js
title: 'Ton nom de documentation',
url: 'https://docs.tonsite.com',
```

### 2. Changer les noms des produits

Dans `docusaurus.config.js`, modifie les labels dans `navbar.items` :

```js
{ label: 'Mon Vrai Produit', to: '/produit1/intro' },
```

Et dans `src/pages/index.js`, modifie le tableau `PRODUCTS` :

```js
{
  icon: '🔌',
  badge: 'Connecteur ERP',
  title: 'Mon Connecteur ERP',
  description: 'Synchronisez votre ERP avec PrestaShop en temps réel.',
  link: '/produit1/intro',
  color: '#6c63ff',
},
```

### 3. Changer les couleurs

Dans `src/css/custom.css`, modifie la couleur primaire :

```css
:root {
  --ifm-color-primary: #6c63ff; /* ← Ta couleur ici */
}
```

### 4. Remplacer le logo

Remplace les fichiers dans `static/img/` :
- `logo.svg` → logo mode clair
- `logo-dark.svg` → logo mode sombre

### 5. Ajouter des produits supplémentaires

1. Crée un dossier `docs/produit6/`
2. Ajoute un plugin dans `docusaurus.config.js`
3. Crée un fichier `sidebars-produit6.js`
4. Ajoute une entrée dans le navbar et dans `src/pages/index.js`

---

## 🖥️ Déploiement sur ton hébergement

```bash
# 1. Build
npm run build

# 2. Upload le contenu du dossier /build/ sur ton hébergement via FTP/SFTP
# Le dossier build/ contient un site HTML statique, aucune dépendance serveur.
```

> ⚠️ **Important** : modifie `url` dans `docusaurus.config.js` avec ton URL de production avant le build.

---

## 📧 Support

[contact@ethercreation.com](mailto:contact@ethercreation.com) — 02 85 52 07 81