next portfolio dev

開発者向けの基本的なポートフォリオ

ギャツビーバージョン

Gatsby-Portfolio-Portfolio

特徴

• タイプスクリプト
• ESLINT/PRETTIER構成
• A11y / Performance / PWA / SEOで100％スコア
• カスタマイズが簡単です
• 素敵なプロジェクト構造
• undraw.coによる素晴らしいイラスト
• タブレットとモバイルフレンドリー
• Vercelによる継続的な展開
• formspreeを搭載したGoogle Recaptchaによって保護された連絡先フォーム
• ワンクリックで展開できます
• ISRを使用して、ほとんどのスター（必要に応じてこれをカスタマイズできます）でgithubピン留めプロジェクトを取得します（これをカスタマイズできます）
• ワンクリックしてdeploymentをvercelにします

デザイン

Behanceでプロジェクト

前提条件

オンライン

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
• Tailwindcss
• タイプスクリプト
• formspree
• vscode
• JavaScriptライブラリPackage.jsonのこれらの便利

ライセンス

このプロジェクトはMITライセンスに基づいてライセンスされています - 詳細については、license.mdファイルを参照してください

貢献者

ホセ・フェルナンド・ヘワル・バルボサ

エルバラエルギグ ？

カール・ホーキー ？§

Moutawakkil Mohammed ？

Bharath Kalyan s ？

サポート

この次のJSテンプレートが大好きで、私をサポートしたい場合は、私のgithubプロフィールを通じてそうすることができます。