react resume template
v2.0.0
Vous cherchez l'ancienne version? Vous pouvez le trouver ici.
Il s'agit d'un modèle de site Web de CV personnel basé sur React. Construit avec TypeScript sur le framework suivant.js, stylisé avec CSS Tailwind et rempli de données d'un seul fichier, vous pouvez facilement créer, personnaliser et héberger votre propre site Web personnel en quelques minutes. Encore mieux, le site est entièrement optimisé par le mobile et le côté serveur rendu pour assurer un chargement rapide et une interface utilisateur propre sur n'importe quel appareil. Lisez la suite pour apprendre à vous en faire.
Pour construire ce site Web, vous devrez avoir les dernières versions stables de Node et du fil téléchargées et installées sur votre machine. Si vous ne les avez pas déjà, vous pouvez obtenir du nœud ici et du fil ici.
Ensuite, trouvez le bouton Fork en haut à droite de cette page. Cela vous permettra de faire votre propre copie, pour plus d'informations sur la fourniture de Repo Voir ici. Après cela, téléchargez sur votre machine de développement à l'aide du bouton Code vert en haut de la page Repo.
Une fois que vous avez votre propre copie de ce référentiel fourchu et téléchargé, ouvrez le dossier dans votre terminal préféré et exécutez yarn install pour installer des dépendances. Après cela, exécutez yarn dev pour exécuter le projet. Dans votre terminal, vous devez recevoir l'URL de l'instance en cours d'exécution (généralement http: // localhost: 3000 à moins que vous ayez quelque chose d'autre en cours d'exécution).
Toutes les données du site sont motivées via un fichier sur /src/data/data.tsx . C'est là que vous trouverez le contenu existant et la mise à jour des valeurs ici sera reflétée sur le site. Si le site fonctionne comme décrit ci-dessus, vous devriez voir ces modifications reflétées sur la sauvegarde. Les types de données pour tous ces éléments sont donnés dans le même dossier dans le fichier dataDef.ts . Des exemples d'images peuvent être trouvés sur src/images/ et sont importés dans le fichier de données. Pour changer, mettez simplement à jour ces images à l'aide du même nom et de l'emplacement, ou ajoutez de nouvelles images et mettez à jour les importations.
En raison de la variété des options disponibles pour les fournisseurs de formulaires de contact, j'ai connecté le formulaire de contact uniquement pour gérer les entrées et l'état. La soumission du formulaire et l'envoi réel de l'e-mail sont ouverts à votre propre implémentation. Ma recommandation personnelle pour le fournisseur de messagerie est SendGrid.
Bien sûr, tout le code est là et rien ne vous est caché, donc si vous souhaitez apporter d'autres modifications de style / données, n'hésitez pas!
Le déploiement de votre nouveau site sur Vercel est simple et peut être fait en suivant leur guide ici. Lorsque vous avez terminé et que la construction réussit, vous devriez avoir une URL pour votre site en direct, allez-y et vous verrez votre nouveau site Web de CV personnel! Félicitations!
