Tu viens de lancer ton serveur FiveM et tu veux un site web professionnel ? Ce tutoriel t'accompagne de A à Z pour créer ton site en moins de 10 minutes, même si tu n'as jamais touché au code.
Ce dont tu as besoin
- Un compte sur codexastudio.fr
- Un template FiveM (à partir de 9,99€)
- Visual Studio Code installé sur ton PC
Étape 1 : Choisir et acheter un template
Va sur la boutique
Rends-toi sur codexastudio.fr/boutique et filtre par "FiveM".
Choisis ton template
Parcours les designs disponibles. Chaque template a un aperçu visuel et une liste de fonctionnalités. Choisis celui qui correspond à l'ambiance de ton serveur RP.
Achète et télécharge
Clique sur "Acheter", complète le paiement, puis télécharge le ZIP depuis ton espace client.
Étape 2 : Personnaliser le contenu
Extrais le ZIP et ouvre le dossier dans VS Code. Le fichier principal est index.html. Voici les éléments à modifier en priorité :
Le nom de ton serveur
Cherche le nom par défaut dans index.html et remplace-le par le nom de ton serveur :
| 1 | <!-- Avant --> |
| 2 | <h1>Nom du Serveur</h1> |
| 3 | |
| 4 | <!-- Après --> |
| 5 | <h1>Los Santos Life RP</h1> |
L'adresse de connexion
Ajoute l'IP ou le cfx.re de ton serveur FiveM pour que les joueurs puissent se connecter facilement :
| 1 | <a href="fivem://connect/cfx.re/join/abc123" class="btn-primary"> |
| 2 | Rejoindre le serveur |
| 3 | </a> |
Tu peux trouver ton lien cfx.re dans le panel Cfx.re de ton serveur FiveM. Le lien fivem://connect/ permet aux joueurs de se connecter directement depuis leur navigateur.
Les couleurs
Ouvre css/style.css et modifie la variable --accent-primary pour correspondre à l'identité de ton serveur :
| 1 | :root { |
| 2 | --accent-primary: #8b5cf6; /* Violet pour un serveur RP sombre */ |
| 3 | } |
Étape 3 : Mettre en ligne
Tu as deux options pour mettre ton site en ligne :
- Hébergement CodexaStudio (1,99€/mois, 3 mois offerts) : la solution la plus simple, tout est géré pour toi. Voir notre guide hébergement.
- Auto-hébergement : tu peux héberger les fichiers toi-même sur n'importe quel hébergeur web (Vercel, Netlify, OVH…).
Résultat
Et voilà ! En moins de 10 minutes, tu as un site professionnel pour ton serveur FiveM. Les joueurs peuvent découvrir ton univers, lire le règlement et rejoindre le serveur directement depuis le site. Pour aller plus loin, consulte notre tutoriel sur l'optimisation SEO pour rendre ton site visible sur Google.