# Astuces

### Utiliser la configuration

### Composant Head

### Composant Toaster

### Utiliser les variables d'environnements

Dans un environnement **Vite**, les variables d'environnement doivent être préfixées de ''VITE''.

```
# .env

VITE_API_URL=url
VITE_APP_VERSION=1.0.0
```

On peut ainsi les importer avec ''import.meta.env''.

```
// src/utils/constants/vite.js

export const API_URL     = import.meta.env.VITE_API_URL;
export const APP_VERSION = import.meta.env.VITE_APP_VERSION;
```

### Fichiers de traductions publiques

### Faire des fichiers de traductions “namespace”

### Utiliser des préfixes avec useTranslation 

### Fichier CSS publiques

### Retirer Tailwind CSS

### Importer les fichiers CSS entre eux avec Tailwind CSS et en CSS classique

### Faire un listener de changement de thème