hykocx
54c4ad058d
- Translate all installation instructions from English to French - Add new step to configure the npm registry with a `.npmrc` file - Renumber steps accordingly (now 6 steps instead of 5)
69 lines
1.3 KiB
Markdown
69 lines
1.3 KiB
Markdown
# Installation
|
|
|
|
## 1. Configurer le registre npm
|
|
|
|
Créer un fichier `.npmrc` à la racine du projet avec le contenu suivant :
|
|
|
|
```
|
|
@hykocx:registry=https://git.hyko.cx/api/packages/hykocx/npm/
|
|
```
|
|
|
|
## 2. Installer le package
|
|
|
|
```bash
|
|
npm install @hykocx/zen
|
|
```
|
|
|
|
## 3. Installer les styles
|
|
|
|
Ajouter la ligne suivante dans le fichier `globals.css` :
|
|
|
|
```css
|
|
@import '@hykocx/zen/styles/zen.css';
|
|
```
|
|
|
|
## 4. Ajouter ZenProvider au layout racine
|
|
|
|
Entourer l'application avec `ZenProvider` dans le layout racine pour activer les notifications toast globalement :
|
|
|
|
```javascript
|
|
// app/layout.js
|
|
import './globals.css';
|
|
import { ZenProvider } from '@hykocx/zen/provider';
|
|
|
|
export const metadata = {
|
|
title: 'My App',
|
|
};
|
|
|
|
export default function RootLayout({ children }) {
|
|
return (
|
|
<html lang="en">
|
|
<body>
|
|
<ZenProvider>
|
|
{children}
|
|
</ZenProvider>
|
|
</body>
|
|
</html>
|
|
);
|
|
}
|
|
```
|
|
|
|
## 5. Configurer les variables d'environnement
|
|
|
|
Consulter le fichier [`.env.example`](.env.example) pour les variables d'environnement à ajouter dans le fichier `.env`.
|
|
|
|
## 6. Initialiser la base de données
|
|
|
|
```bash
|
|
npx zen-db init
|
|
```
|
|
|
|
# Configuration
|
|
|
|
## Configuration rapide
|
|
|
|
On peut créer tous les fichiers requis avec une seule commande :
|
|
|
|
```bash
|
|
npx zen-setup init
|
|
``` |