让我们使用 Dev.to 作为 CMS 创建一个作品集网站

2025-06-07

让我们使用 Dev.to 作为 CMS 创建一个作品集网站

我使用 ChakraUI 和 React 创建了多个作品集网站模板。您可以查看我之前的帖子,了解不同的作品集模板。
我自己的作品集mahmad.me就是用 ChakraUI 搭建的。
我非常喜欢 ChakraUI,但自从工作中接触到 Tailwind 后,我开始了解它的好处。现在,我使用 Dev.to 作为内容管理系统 (CMS),用 Tailwind 创建了一个作品集模板。

Github Repo:https://github.com/MA-Ahmad/mahmad.me
现场演示:https://mahmad-me.vercel.app

使用的技术

  • Tailwind CSS - 我使用 CSS 已经超过 4 年了,Tailwind 让我的工作变得更轻松。它仍然是 CSS,你可以使用 flex、grid 等等。
  • TypeScript - JavaScript 的默认语言风格。静态类型检查与智能代码补全相结合,显著提升了开发人员的工作效率。您不仅可以提高工作效率,还能在错误出现之前及时发现。
  • Next.js——我并不掩饰我对 Next.js 的喜爱,它使用起来非常简单,并且具有许多开箱即用的功能。
  • Dev.to API——动态构建博客。
  • Framer Motion - 添加流畅、漂亮的动画。

我将改进的地方

  • 添加自定义域名
  • 添加我的简历
  • 将规范 URL 添加到我的博客页面

预览

博客

文章来源:https://dev.to/m_ahmad/let-s-create-a-portfolio-website-using-dev-to-as-a-cms-349i
PREV
使用 React 和 ChakraUi 构建作品集网站
NEXT
使用 React、ChakraUi 和 framerMotion 创建作品集卡,使用我的其他作品集网站模板构建