Mettre en ligne

Avant de déployer

Rien n'est à définir pour déployer : il n'y a ni base de données, ni secret, ni variable obligatoire.

• Remplacez les chiffres, cartes et transactions d'exemple par vos propres données, ou par les données de votre API.
• Laissez NEXT_PUBLIC_DEMO_MODE désactivé, sauf si le déploiement est une démo publique.

• Données d'exemple et votre API
• Mode démo

Vercel

1. 01

   Placez le dossier dans un dépôt Git privé

   Poussez le dossier dashboard-template-1 vers un dépôt privé sur GitHub, GitLab ou Bitbucket. Votre licence n'autorise pas le partage public du code source. Le téléchargement contient déjà un .gitignore qui exclut node_modules, la version construite et vos fichiers .env.
2. 02

   Importez-le dans Vercel

   Dans Vercel, ajoutez un nouveau projet à partir de ce dépôt. Il détecte Next.js ; gardez les paramètres de build par défaut.
3. 03

   Ajoutez les variables d'environnement

   Dans les variables d'environnement du projet, ajoutez ENABLE_EXPERIMENTAL_COREPACK avec la valeur 1, pour que Vercel installe avec la version de Yarn que fixe package.json. Ajoutez NEXT_PUBLIC_DEMO_MODE seulement si vous voulez le mode démo.
4. 04

   Déployez

   Lancez le déploiement, puis ajoutez votre domaine dans les paramètres Domains du projet.

   Résultat attendu: Votre domaine suivi de /en/login ouvre la page de connexion.

Après avoir modifié une variable, déployez de nouveau : l'application en cours garde les valeurs avec lesquelles elle a été construite.

Tout serveur avec Node.js

Sur un serveur avec Node.js 20.9 ou plus récent, copiez le dossier, puis installez, construisez et démarrez :

corepack enable
yarn install
yarn build
yarn start

Le tableau de bord répond sur le port 3030. Placez devant lui un serveur web comme Nginx ou Caddy pour votre domaine et le HTTPS, et gardez yarn start actif avec un gestionnaire de processus ou un service système.

Une image Docker

Le Dockerfile construit une petite image qui sert le tableau de bord avec Node.js sur le port 3030, sous un utilisateur sans droits d'administrateur. Construisez-la, puis lancez-la en arrière-plan pour qu'elle redémarre avec le serveur :

docker build -t financial-dashboard .
docker run -d --restart unless-stopped -p 3030:3030 financial-dashboard

Tout hébergeur qui exécute un Dockerfile peut le construire tel quel. Placez un serveur web devant le port 3030 pour votre domaine et le HTTPS, comme pour Node.js.

Une fois en ligne

• Ouvrez votre adresse avec /en/login et /ar/login et vérifiez les deux langues.
• Chaque page demande aux moteurs de recherche de ne pas l'indexer, car un tableau de bord connecté n'a pas sa place dans les résultats de recherche. Le réglage est robots dans src/app/[locale]/layout.tsx.