react resume template
v2.0.0
Auf der Suche nach der alten Version? Sie können es hier finden.
Dies ist eine React -basierte persönliche Lebenslauf -Website -Vorlage. Erstellt mit TypeScript im nächsten. Noch besser ist die Website vollständig mobile optimiert und serverseitig gerendert, um ein schnelles Laden und eine saubere Benutzeroberfläche auf jedem Gerät zu gewährleisten. Lesen Sie weiter, um zu lernen, wie man es zu Ihrem eigenen macht.
Um diese Website zu erstellen, müssen Sie die neuesten stabilen Versionen von Knoten und Garn auf Ihrem Computer herunterladen und installiert haben. Wenn Sie sie noch nicht haben, können Sie hier einen Knoten bekommen und Garn hier.
Suchen Sie als Nächstes die Schaltfläche Fork oben rechts auf dieser Seite. Auf diese Weise können Sie Ihre eigene Kopie erstellen, um weitere Informationen zu den Aufenthalt von Repos hier zu finden. Laden Sie danach mit der Schaltfläche Green Code oben auf der Repo -Seite auf Ihren Entwicklungsgerät herunter.
Sobald Sie Ihre eigene Kopie dieses Repo -Forked und heruntergeladen haben, öffnen Sie den Ordner in Ihrem bevorzugten Terminal und führen Sie yarn install aus, um Abhängigkeiten zu installieren. Danach führen Sie yarn dev aus, um das Projekt auszuführen. In Ihrem Terminal sollten Sie die URL der laufenden Instanz erhalten (normalerweise http: // localhost: 3000, es sei denn, Sie haben etwas anderes laufen).
Alle Daten für die Site werden über eine Datei unter /src/data/data.tsx angetrieben. Hier finden Sie den vorhandenen Inhalt, und die Aktualisierung der Werte hier wird auf der Website widerspiegelt. Wenn die Website wie oben beschrieben ausgeführt wird, sollten Sie sehen, dass diese Änderungen auf Save reflektiert werden. Die Datentypen für alle diese Elemente finden Sie im selben Ordner in der Datei dataDef.ts . Beispielbilder finden Sie bei src/images/ und werden in der Datendatei importiert. Um sich zu ändern, aktualisieren Sie diese Bilder einfach mit demselben Namen und demselben Speicherort oder fügen Sie neue Bilder hinzu und aktualisieren Sie die Importe.
Aufgrund der Vielfalt der Optionen, die für Kontaktformularanbieter verfügbar sind, habe ich das Kontaktformular nur für die Handhabung von Inputs und den Zustand angeschlossen. Die Einreichung des Formulars und das tatsächliche Senden der E -Mail sind für Ihre eigene Implementierung geöffnet. Meine persönliche Empfehlung für E -Mail -Anbieter ist SendGrid.
Natürlich ist der gesamte Code da und nichts ist vor Ihnen versteckt. Wenn Sie also andere Änderungen des Stylings/der Daten vornehmen möchten, fühlen Sie sich frei!
Die Bereitstellung Ihrer neuen Site in Vercel ist einfach und kann durch die Befolgung ihrer Anleitung hier durchgeführt werden. Wenn Sie alle fertig sind und der Build erfolgreich ist, sollten Sie eine URL für Ihre Live -Website erhalten, dorthin gehen und Sie sehen Ihre neue persönliche Lebenslauf -Website! Glückwunsch!
