01
📄 Déployer sur Cloudflare Pages
1
Aller sur le dashboard Cloudflare
Va sur https://dash.cloudflare.com et connecte-toi avec ton compte.
2
Créer un projet Pages
Dans le menu de gauche → Workers & Pages → Clique Create → Onglet Pages
3
Connecter ton repo GitHub
Clique Connect to Git → Sélectionne GitHub → Autorise l'accès → Sélectionne
Kaito1947/MartialApp4
Configuration du build
Laisse les champs vides (ton site est statique, pas de build nécessaire) :
Paramètres
Build command: (vide)
Build output directory: (vide)
Clique Save and Deploy
5
Attendre le déploiement
⏳ Attends 1-2 minutes. Cloudflare va déployer ton site automatiquement.
✅ Résultat : Tu obtiens une URL comme
martialapp.pages.dev (gratuit, permanent) — C'est déjà fait ! 🎉
02
🔐 Ajouter le login par email
1
Aller dans Zero Trust
Dashboard Cloudflare → Menu de gauche → Zero Trust
2
Créer une application Access
Access → Applications → Create an application → Choisis Self-hosted
3
Configurer les détails
Remplis les champs
Application name: Mon Parcours Martial
Subdomain: MartialApp (ou laisse vide)
Domain: pages.dev (sélectionne dans le dropdown)
💡 Important : Le champ Domain doit être
pages.dev (pas une URL complète). Cloudflare va créer automatiquement l'URL complète.
4
Ajouter une policy (qui peut accéder)
Clique Next → Add a policy
Configuration de la policy
Policy name: Accès autorisé
Action: Allow
Rule: Emails → Ajoute tes emails
Ajoute ton email + ceux de tes proches qui doivent accéder au site.
5
Sauvegarder
Clique Save application
✅ Résultat : Quiconque visite ton site reçoit un email avec un code OTP à entrer. Sécurisé et simple !
03
🌍 Configurer Cloudflare Tunnel
1
Créer un tunnel
Dashboard Cloudflare → Zero Trust → Networks → Tunnels → Create a tunnel
Détails du tunnel
Tunnel name: MartialApp-nas
2
Installer cloudflared sur le NAS
Cloudflare va te donner un token. Copie-le et exécute cette commande sur ton NAS :
Terminal SSH sur le NAS
ssh admin@192.168.1.100
# Lancer cloudflared via Docker
docker run -d \
--name cloudflared \
--restart always \
cloudflare/cloudflared:latest \
tunnel --no-autoupdate run --token TON_TOKEN_ICI
⚠️ Important : Remplace
TON_TOKEN_ICI par le token que Cloudflare te donne.
3
Configurer la route du tunnel
Retourne sur Cloudflare → Tunnels → Sélectionne ton tunnel → Public Hostname → Add a public hostname
Configuration
Subdomain: nas (ou ce que tu veux)
Domain: pages.dev (sélectionne dans le dropdown)
Service type: HTTP
URL: http://192.168.1.100:8080
Clique Save hostname
4
Tester l'accès
Attends 1-2 minutes, puis ouvre ton navigateur :
URL d'accès
https://nas.martialapp.pages.dev
✅ Résultat : Ton NAS est accessible depuis internet, sans ouvrir aucun port sur ton routeur !
RECAP
📊 Résumé complet
✅ Ce que tu as maintenant :
- 🌐 Domaine gratuit :
martialapp.pages.dev(permanent, 0€) — ✅ Déployé ! - 🔐 Login par email : Quiconque visite reçoit un code OTP
- 🖥️ NAS accessible :
https://nas.martialapp.pages.dev - 🛡️ Sécurité : Aucun port ouvert, protection DDoS incluse
- ⚡ Performance : CDN Cloudflare mondial
- 💰 Coût : 0€ (tout gratuit)
🎯 Prochaines étapes (optionnel) :
- Acheter un vrai domaine (~10€/an) et le connecter à Cloudflare
- Ajouter un certificat SSL personnalisé
- Configurer des règles de firewall avancées
- Mettre en place des sauvegardes automatiques du NAS
🎉 Félicitations ! Tu as maintenant un site professionnel avec domaine gratuit, login sécurisé, et NAS accessible depuis partout. Tout ça sans payer un centime et sans ouvrir de port sur ton routeur.
🌐🔐🖥️
Ton site martial arts est maintenant en ligne, protégé, et accessible depuis partout.
Domaine gratuit. Login sécurisé. NAS accessible. 0€.