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，然后去那里，您会看到新的个人简历网站！恭喜！

创建和维护的项目

蒂姆·贝克

观星者

叉子