建立一个出色的开发者作品集网站。

作为一名软件开发者，拥有一个能够展示我们能力和经验的强大作品集网站至关重要。为了帮助其他开发者，我使用 Next、Tailwind CSS 和 EmailJS 设计了一个作品集网站。在本文中，我将提供搭建过程的分步指南，并提供 GitHub 链接。

这是实时预览：
实时预览网址

步骤 01：使用GitHub 链接
克隆存储库并将目录更改为开发者作品集。



git clone https://github.com/said7388/developer-portfolio.git
cd developer-portfolio

步骤 02：
现在使用npm或安装所有包yarn。



npm install
# or
yarn

安装所有软件包后，请utils/data/*根据你的需要更改所有数据。例如：



  export const personalData = {
  name: "ABU SAID",
  profile: "/profile.png",
  designation: "Full-Stack Software Developer",
  description: "My name is ABU SAID....",
  email: "abusaid7388@gmail.com",
  phone: "+8801608797655",
  address: "Dhaka, Bangladesh",
  github: "https://github.com/said7388",
  facebook: "https://www.facebook.com/abusaid.riyaz/",
  linkedIn: "https://www.linkedin.com/in/abu-said-bd/",
  twitter: "https://twitter.com/said7388",
  stackOverflow: "https://stackoverflow.com/users/16840768/abu-said",
  leetcode: "https://leetcode.com/said3812/",
  devUsername: "said7388",
  resume: "...",
};

这些devusername属性将其替换为您的dev.to username，它将替换fetch您网站上的所有博客dev.to。

步骤 03：
现在我们将创建一个.env文件，并在其中设置我们的Email.JS凭证.env。在这个项目中，我使用 EmailJs 来让用户向我发送邮件，而且它是免费的。.env文件内容如下：



NEXT_PUBLIC_EMAILJS_SERVICE_ID =
NEXT_PUBLIC_EMAILJS_TEMPLATE_ID =
NEXT_PUBLIC_EMAILJS_PUBLIC_KEY =

首先，请访问Emailjs.com并注册一个帐户。

使用电子邮件服务并将Gmail其Service ID添加.env为文件作为REACT_APP_YOUR_SERVICE_ID值。

然后制作一个电子邮件模板并Template ID从模板设置中获取并使用它.env。

然后去帐户并取出Public Key并使用它.env。

步骤 04：
现在作品集网站已准备好运行。您可以使用npm或运行它yarn。



npm run dev
# or
yarn dev

如果您喜欢这个作品集项目，请在GitHub 仓库中点赞。
您也可以在 Linkedin 上联系我：https://www.linkedin.com/in/abu-said-bd/

文章来源：https://dev.to/said7388/build-an-awesome-developer-portfolio-website-4cj9