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

# Web 开发

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

以下是直播内容：

实时预览网址

Image description

步骤 01：

使用 GitHub 链接克隆存储库并将目录更改为 developer-portfolio。

git clone https://github.com/ambrishgoswami80/github-portfolio.git
cd github-portfolio

步骤 02：

现在使用 npm 或 yarn 安装所有包。

npm install
# or
yarn

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

export const userData = {
  githubUser: 'ambrishgoswami',
  devUsername: "ambrishgoswami80",
  github: 'https://github.com/ambrishgoswami',
  instagram: 'https://www.instagram.com/divine.ambrish/',
  linkedIn: 'https://www.linkedin.com/in/goswamiambrish/',
  twitter: 'https://twitter.com/AmbrishGos76042',
  stackOverflow: 'https://stackoverflow.com/users/16840768/ambrish-goswami',
  leetcode: "https://leetcode.com/Ambrishgoswami/",
  resume: "https://drive.google.com/file/d/1-e5tfmd6SO48jAEaSOp1P1uMZAMEyeiB/view?usp=drive_link",
  skills: ['React', 'NodeJS', 'React', 'Express', 'NextJS', 'MySql', 'MongoDB', 'AWS'],
  timezone: '+6'
};

devusername 属性将其替换为您的 dev.to 用户名，它将从您的 dev.to 网站获取所有博客。

步骤 03：

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

NEXT_PUBLIC_GTM = ""

步骤 4：

现在投资组合网站已准备好运行。您可以使用 npm 或 yarn 来运行它。

npm run dev
# or
yarn dev

免责声明：在此存储库中，我使用了一些开源 API。所有荣誉均归于这些存储库的所有者。