Maslaki — مسلكي · Orientation après le bac au Maroc

Stack : Next.js 14 + TailwindCSS + Supabase + Vercel. Arabe par défaut (RTL), bilingue AR/FR. Fonctionne en mode démo sans Supabase (actualités de départ, favoris et notes dans le navigateur).

Lancer en local

npm install
npm run dev        # http://localhost:3000

Mettre à jour après une modification poussée sur GitHub : git pull puis npm install.

Ce que contient le site

Rubrique	Page	Données
Annuaire	/ecoles, /ecoles/[slug]	lib/schools.js — 17 réseaux + 184 établissements (public, privé reconnu, militaire)
Simulateur	/simulateur	Seuils de présélection 2026 réels, formule de chaque école
Concours	/concours	lib/concours.js — statut calculé automatiquement (ouvert / en cours / à venir)
Actualités	/actualites	Supabase (table news), sinon lib/news-seed.js
Back-office	/admin	Actualités, concours, seuils, annales (PDF) et quiz, sans toucher au code
Légal	/confidentialite, /mentions-legales, /a-propos, /contact	Textes à compléter dans lib/site.js

Mettre à jour les données

Tout se fait depuis /admin (en français), sans toucher au code :

Onglet	Ce que tu y fais
Tableau de bord	Chiffres clés (comptes, alertes, écoles suivies) et liste « À faire »
Actualités	Publier, programmer, mettre à la une
Concours	Ajouter, confirmer avec sa source, dupliquer pour l'année suivante, « Tout est vérifié aujourd'hui »
Seuils	Corriger le seuil d'une école ou d'un réseau (source obligatoire)
Annales / Quiz	Déposer les PDF, écrire les questions
Écoles	Corriger une fiche, ajouter une école (éventuellement dans un réseau), masquer une école
Communauté	Modérer les messages signalés, supprimer une fausse liste d'attente, gérer les salons
Réglages	Informations légales (éditeur, adresse, email, n° CNDP), écoles et recherches mises en avant sur l'accueil

• « Mis à jour le… » sur l'accueil affiche la date du jour (heure du Maroc). La page Concours affiche « Dates vérifiées le… », la vraie date de ta dernière vérification.
• Tant qu'une rubrique est vide en base, le site affiche les données du code ; le bouton « Importer » de chaque onglet les copie dans la base.
• Un message signalé par 3 élèves est masqué automatiquement en attendant ta décision.

Activer le back-office

1. Supabase > SQL Editor, dans l'ordre : schema.sql, migration_v2.sql, migration_v3_actualites.sql, migration_v4_contenus.sql, migration_v5_ecoles_communaute.sql. Chaque fichier peut être relancé sans risque.
2. Authentication > Users > Add user (ton email + mot de passe).
3. Exécute les 2 lignes en bas de migration_v3_actualites.sql avec ton email → tu deviens admin.
4. Va sur /admin, puis « Importer » dans chaque onglet (Quiz avant Annales).

Tâches automatiques (Vercel Cron)

• /api/daily chaque nuit : rafraîchit tout le site (date du jour, statuts des concours, J-x).
• /api/alerts chaque matin : alertes WhatsApp (ouverture, J-7, veille) aux élèves qui suivent l'école et ont activé les alertes.
• Ajoute la variable CRON_SECRET sur Vercel (une longue chaîne aléatoire) : sans elle, ces tâches refusent de s'exécuter. Les alertes demandent en plus SUPABASE_SERVICE_ROLE_KEY, WHATSAPP_TOKEN, WHATSAPP_PHONE_NUMBER_ID, WHATSAPP_TEMPLATE.

Nom de domaine (www.maslaki.ma)

1. Achète le domaine chez un registrar agréé ANRT (copie de CIN demandée pour un particulier).
2. Vercel > Settings > Domains : ajoute www.maslaki.ma puis maslaki.ma (choisis « Redirect to www.maslaki.ma »).
3. Chez le registrar, zone DNS : enregistrement A @ → valeur donnée par Vercel (souvent 76.76.21.21), CNAME www → valeur donnée par Vercel (souvent cname.vercel-dns.com).
4. Quand Vercel affiche « Valid Configuration » et que https://www.maslaki.ma s'ouvre : ajoute la variable NEXT_PUBLIC_SITE_URL = https://www.maslaki.ma (Config, Production) puis Redeploy. L'adresse .vercel.app redirige alors vers le domaine. ⚠️ Pas avant : le site deviendrait inaccessible.
5. Supabase > Authentication > URL Configuration : Site URL = https://www.maslaki.ma, et ajoute-la aux Redirect URLs.
6. Google Search Console : propriété « Domaine » validée par un enregistrement TXT, puis envoie /sitemap.xml.

Google AdSense (revenus publicitaires)

Tout se règle dans /admin > Réglages > Publicité, sans redéploiement. Les variables NEXT_PUBLIC_ADSENSE_* de Vercel restent possibles en secours.

1. Mets le site sur ton propre domaine (ex. maslaki.ma). AdSense refuse les adresses en .vercel.app.
2. Complète les informations légales (Réglages).
3. Inscris-toi sur adsense.google.com, puis colle ton ID éditeur (ca-pub-…) dans Réglages. Le site ajoute alors le meta de validation et le script sur toutes les pages, et remplit /ads.txt.
4. Dans AdSense : « Sites » > ajoute le domaine > valide avec le meta ou ads.txt > demande l'examen (quelques jours à quelques semaines).
5. Dans AdSense > Confidentialité et messages : crée le message de consentement RGPD (obligatoire pour l'Europe). Le lien « Gérer les cookies » du pied de page le rouvre.
6. Une fois accepté : AdSense > Annonces > Par bloc d'annonces > crée des blocs « Display » responsives, puis colle leurs IDs dans Réglages (Accueil, Listes, Articles, Fiches écoles).
7. Option conseillée pour un public de lycéens : « Annonces non personnalisées uniquement ».
8. Si tu actives les annonces automatiques dans AdSense, exclus /admin, /espace et /communaute (AdSense > Annonces > Exclusions de pages).

Emplacements : accueil, annuaire des écoles, concours, liste des actualités, fin d'article, fiche école. Aucun sur l'admin, l'espace élève, les salons, le simulateur, le test ni les pages légales. Un emplacement que Google ne remplit pas est replié automatiquement.

⚠️ Avant la mise en ligne

• Compléter les informations légales dans /admin > Réglages (éditeur, adresse, email, n° CNDP) et renseigner NEXT_PUBLIC_SITE_URL.
• Déclaration CNDP (loi 09-08) avant de collecter téléphones et notes.
• Seuils 2026 issus d'un agrégateur (orientation-chabab.com) : à recouper avec les notes officielles.
• Frais du privé non renseignés volontairement (non vérifiés).