利用Next.js和Tailwind CSS创建的开发者在线作品集

您是否正在为创建专业的个人作品集网站而苦恼？别再犹豫了！您可以使用开发者作品集模板，立即创建您自己的个性化作品集！我的网站设计用户友好且易于定制，非常适合开发人员和自由职业者。

部分

• 演示
• 安装
• 入门
• 用法
• 使用的软件包
• 英雄部分
• 关于我
• 经验
• 技能
• 项目
• 教育
• 博客
• 联系方式

您需要下载 Git 和 Node 来运行此项目

• Git
• Node

确保您的计算机上安装了最新版本的 Git 和 Node。

node --versiongit --version

要 Fork 仓库，请单击页面右上角的 fork 按钮。Fork 仓库后，打开终端并执行以下命令

git clone https://github.com/<YOUR GITHUB USERNAME>/developer-portfolio.gitcd developer-portfolio

从根目录安装软件包

npm install# oryarn install

然后，运行开发服务器：

npm run dev# oryarn dev

使用浏览器打开 http://localhost:3000 查看结果。

前往 emailjs.com 并创建一个新帐户以发送邮件。在免费试用版中，您每月将获得 200 封邮件。设置 emailjs 帐户后，请从 .env.example 文件创建一个新的 .env 文件。

例如：

NEXT_PUBLIC_EMAILJS_SERVICE_ID =NEXT_PUBLIC_EMAILJS_TEMPLATE_ID =NEXT_PUBLIC_EMAILJS_PUBLIC_KEY =NEXT_PUBLIC_GTM = # For site analyticsNEXT_PUBLIC_APP_URL = "http://127.0.0.1:3000"NEXT_PUBLIC_RECAPTCHA_SECRET_KEY = # For captcha verification on contact formNEXT_PUBLIC_RECAPTCHA_SITE_KEY =

然后，在 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 获取博客。

使用的软件包列表

• next
• @emailjs/browser
• lottie-react
• react-fast-marquee
• react-icons
• react-toastify
• sass
• tailwindcss

项目地址：
https://github.com/said7388/developer-portfolio