vscode portfolio

vscode-portfolio

Visual Studioコードをテーマにした開発者ポートフォリオWebサイトは、next.jsで構築され、Vercelに展開されました。

ロードマップが機能します

• テーマとカスタマイズ
  • Github Dark（デフォルト）
  • 1つのダークプロ
  • ドラキュラ
  • ayu
  • ノード
• インタラクティブカスタム端子

他の機能やテーマの提案については、問題を開いてください。

環境変数

dev.toから記事を取得するには、プロジェクトディレクトリ内に.env.localファイルを作成します。詳細については、 .env.local.exampleファイルを確認してください。

開発サーバーの実行

npm run dev
# or
yarn dev

http：// localhost：3000を開き、ブラウザを使用して結果を確認します。

すべてのVSCODE関連コンポーネントはcomponentsフォルダーにあります。ポートフォリオのコンテンツを変更するには、 pagesフォルダーをご覧ください。ページを追加または削除するには、 components/Sidebar.jsxとcomponents/Tabsbar.jsxを変更します。

next.jsリソース

next.jsの詳細については、次のリソースをご覧ください。

• next.jsドキュメント - next.js機能とAPIについて学びます。
• next.jsを学ぶ - インタラクティブなnext.jsチュートリアル。

next.js githubリポジトリを確認できます

Vercelに展開します

next.jsアプリを展開する最も簡単な方法は、next.jsの作成者からvercelプラットフォームを使用することです。

詳細については、next.js deploymentドキュメントをご覧ください。