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個人資料來進行。