Template Discord Profile Card

Salut tout le monde,

Voici un petit guide clair pour utiliser la template et la publier en ligne avec Vercel. C'est une page statique, donc pas besoin de build ni d'outils compliqués.

Lien du projet : Cut0x/card-page-web

Cloner le repo : Cut0x/card-page-web.git

Ou utilisez directement la fonction "Use this template" sur GitHub.

1. Ce que contient le projet

• index.html
• config.js
• src/css/style.css
• src/img/ (si vous voulez mettre des images locales)

Tout se configure dans config.js.

2. Personnaliser le profil

Ouvrez config.js et modifiez les champs suivants :

User

• name
• handle
• status
• tagline
• avatar
• banner

Vous pouvez mettre des liens externes ou des images locales. Pour une image locale, placez-la dans src/img/ et utilisez un chemin comme ./src/img/mon-avatar.png.

Socials

Les réseaux s'affichent comme des badges (icônes uniquement).

Projects

Chaque projet a un titre, une description, un lien, et des tags optionnels.

3. Tester en local

Ouvrez index.html dans votre navigateur. Si vous utilisez VS Code, vous pouvez aussi passer par un serveur local, mais ce n'est pas obligatoire.

4. Publier avec Vercel

Méthode simple (sans Git)

1. Créez un compte sur Vercel.

2. Depuis le tableau de bord, cliquez sur "New Project".

3. Glissez votre dossier de projet dans l'interface (ou sélectionnez le dossier).

4. Vercel détecte que c'est un site statique. Laissez les options par défaut.

5. Cliquez sur "Deploy".

En quelques secondes, vous aurez une URL publique.

Méthode via Git

1. Poussez le projet sur GitHub.

2. Sur Vercel, cliquez sur "New Project" et connectez votre repo.

3. Laissez les options par défaut (Framework: Other, Build Command: none, Output: root).

4. Cliquez sur "Deploy".

5. Mettre à jour

• Si vous utilisez Git, un simple push déclenche un nouveau deploy.
• Si vous avez uploadé en manuel, redeployez en re-glissant le dossier.

C'est tout. Si vous avez des questions, je peux aider.