react resume template

React JS簡歷網站模板

以軟件開發人員為中心的簡歷網站的基於React的模板

在這裡查看現場演示。

如果此模板為您提供了幫助，並且您想支持我的工作，請隨時♥謝贊助該項目

？版本2在這裡！新功能：

1. 完全通過React和全面的打字稿支持
2. 構建在Next.js框架上，以便於服務器端渲染/靜態生成，圖像優化，API路由和部署
3. 完全用tailwindcss造型
4. 重新組織的數據總數文件用於自定義網站。
5. 所有站點部分的重大改進/現代化

尋找舊版本？您可以在這裡找到它。

描述

這是基於React的個人簡歷網站模板。由Next.js框架上的TypeScript構建，並用尾風CSS造型，並用單個文件中的數據填充，您可以在幾分鐘內輕鬆創建，自定義和託管自己的個人網站。更好的是，該站點已完全優化和服務器端渲染，以確保在任何設備上加載快速加載和清潔UI。繼續閱讀以了解如何製作自己的。

自己做！

1。確保您有所需的東西

要構建此網站，您將需要在計算機上下載並安裝了最新的節點和紗線版本。如果您還沒有它們，則可以在這裡獲得節點，然後在這裡紗。

2。叉子並下載此倉庫（如果願意，如果您願意的話！）

接下來，在此頁面右上角找到Fork按鈕。這將允許您製作自己的副本，以獲取有關圍繞Repo的更多信息。此後，使用回購頁面頂部的綠色Code按鈕下載到開發機。

3。安裝依賴項並運行

一旦您擁有本倉庫分叉並下載的副本，請在您喜歡的終端中打開文件夾，然後運行yarn install以安裝依賴項。之後，運行yarn dev項目以運行項目。在您的終端中，您應獲得運行實例的URL（通常是http：// localhost：3000，除非您有其他運行）。

4.自定義數據以使其成為您自己的

該站點的所有數據都是通過/src/data/data.tsx的文件驅動的。在這裡，您將找到現有內容，更新此處的值將在網站上反映。如果您的網站如上所述運行，則應在保存中看到這些更改。所有這些項目的數據類型都在dataDef.ts文件中的同一文件夾中給出。示例圖像可以在src/images/中找到，並在數據文件中導入。要更改，只需使用相同的名稱和位置更新這些圖像，或添加新圖像並更新導入即可。

5。連接觸點表格

由於接觸表單提供商可用的各種選項，因此我僅將聯繫表格與處理輸入和狀態相關聯。表單提交和電子郵件的實際發送已向您自己的實施開放。我個人對電子郵件提供商的建議是SendGrid。

6.進行您喜歡的其他任何更改

當然，所有代碼都在那裡，您沒有任何隱藏的代碼，因此，如果您想進行任何其他樣式/數據更改，請自由！

7.部署到Vercel並享受您的新簡歷網站

將新站點部署到Vercel很簡單，可以在此處遵循其指南來完成。當您完成所有工作並成功完成時，應該為您的直播網站提供一個URL，然後去那裡，您會看到新的個人簡歷網站！恭喜！

創建和維護的項目

蒂姆·貝克

觀星者

叉子