我的第一个作品集网站获得了完美的灯塔评分！

我最近完成了个人网站的搭建和托管。我的目标是保持网站静态、简洁、快速。为了确保遵循最佳实践，我还努力争取获得完美的 Lighthouse 评分。

以下是我所使用的技术的一些细节：

Next.js

• 我知道选择合适的网站建设工具是优化SEO效果的关键。由于我正在搭建个人网站，我知道必须使用静态网站生成器。我还想添加一个博客版块，使用DEV.to作为CMS来检索我的博客文章。所以我知道我的网站也应该具备动态元素。
• 使用 Next.js 是轻而易举的事，因为它完美地解决了我的问题，而且额外的好处是我已经很熟悉它了。

顺风

• 尽管我讨厌在第一个项目中使用 Tailwind，并且认为我不会在任何后续项目中继续使用这个实用程序框架，但我很高兴地说这是我使用 Tailwind 的第三个项目，我无法想象没有它会做任何设计工作。
• 我已经发布了一篇关于我最喜欢的使用 Tailwind 的组件库的文章，并且也在这个项目中使用了 Kutty 的一些组件。

打字稿

• 学习起来很痛苦。对于一个自学成才、只用过 JavaScript 的人来说，我不明白为什么有人会花这么多时间为每个元素或组件定义类型。然而，当我开始从 DEV.to API 导入数据时，我很快就搞定了。我没有遇到任何cannot read property of undefined错误，正因为如此，我才愿意学习并提升我的 TS 技能。

我喜欢的东西：

• 获得良好的 Lighthouse 评分对我来说至关重要，因为这个网站是我作为一名开发者的在线展现，招聘人员和其他开发者都可能会看到它。我计划另写一篇文章来介绍我是如何获得这个评分的，但坦白说，我对这个结果相当满意。
• 我也喜欢它简洁明了的设计。我原本计划用 Framer-Motion 添加一些动画，但后来放弃了，因为我想直接部署，而不是再花一周时间学习一项我原本没打算实现的新技术。
• Google Analytics 帮助我监控网络流量
• 仅限黑暗模式！😎

我希望改进的地方：

• 添加自定义域名
• 我需要添加我的简历
• 修复我的项目中的一些小错误
• 在我的“打招呼”按钮中添加复制电子邮件功能，而不是打开一个新的空白窗口
• 将规范 URL 添加到我的博客页面
• 在每个博客页面的底部添加一个评论部分，将用户重定向到 DEV.to 上的特定文章。
• Markdown 博客语法高亮

欢迎访问该网站。我很乐意听取您关于如何改进网站的意见，也非常乐意接受建设性的批评！