next portfolio dev

开发人员的基本投资组合

盖茨比版

Gatsby-Portfolio-Portfolio

特征

• 打字稿
• ESLINT/PRITTIER配置
• 在A11Y / Performance / PWA / SEO上得分100％
• 易于自定义
• 不错的项目结构
• undraw.co的惊人插图
• 平板电脑和移动友好
• 连续部署
• 由Google Recaptcha保护的触点表格由Formspree驱动
• 可以一键部署
• 使用ISR获取大多数明星的GitHub固定项目（如果愿意，可以自定义）
• 一点击部署到Vercel

设计

计划

先决条件

在线的

1. 从Google Recaptcha中获取Google Recaptcha键
2. 从github抓住你的github令牌
3. 点击并传递您：

• github令牌

到ENV变量部分。

本地

1. 在Formspree中创建一个帐户

2. 安装PNPM

3. 从github抓住你的github令牌

4. 运行cp .env.development.local.template .env.development.local

   如果您想在本地构建该网站，则需要运行cp .env.development.local.template .env.development.local并提供您的ENV变量。

5. 运行pnpm i && pnpm dev

   您可以运行vercel env pull以从Vercel中获取ENV变量。

6. 确保编辑src/data/config.ts文件

    const config = {
     defaultTitle : 'John Doe' ,
     url : process . env . NEXT_PUBLIC_PORTFOLIO_URL ! ,
     defaultDescription : 'I’m John Doe and I’m a Software Engineer!' ,
     googleAnalyticsID : 'G-xxxxxx' ,
     twitter : '@smakosh' ,
   } ;

在本地部署到Vercel

我强烈建议您推到github/gitlab并将存储库部署到Vercel上，或者只是点击部署按钮。

建立

• Adobe XD
• 下一个JS
• parwindcss
• 打字稿
• formspree
• VSCODE
• 这些有用的JavaScript库软件包。

执照

该项目已根据MIT许可证获得许可 - 有关更多详细信息，请参见许可证。

贡献者

JoséFernandoHöwerBarbosa

Elbarae Rguig ？

卡尔·霍尔基（Karl Horky） ？️

Moutawakkil Mohammed ？

Bharath Kalyan s ？

支持

如果您喜欢下一个JS模板并想支持我，则可以通过我的GitHub个人资料来进行。