Vscode Portfolio screenshot

Vscode Portfolio

Author Avatar Theme by Itsnitinr
Updated: 19 Mar 2025
1124 Stars

A VSCode themed developer portfolio built using Next.js

Categories

Overview

vscode-portfolioOpen is a Visual Studio Code themed developer portfolio website built with Next.js and deployed on Vercel. It allows users to showcase their projects and articles.

Features

  • Themes and customizations: Users can choose from a variety of themes, including GitHub Dark (default), One Dark Pro, Dracula, Ayu, and Nord.
  • Interactive custom terminal: Users can customize their terminal and interact with it on the portfolio website.

Installation

  1. Create a local environment file: Inside the project directory, create a file named .env.local.
  2. Fetch articles from dev.to: Add the necessary environment variables to the .env.local file. Refer to the .env.local.example file for more information.
  3. Run the development server: Open http://localhost:3000 in your browser to see the result. All VSCode related components can be found in the components folder. To change the content of the portfolio, refer to the pages folder. To add or remove pages, modify components/Sidebar.jsx and components/Tabsbar.jsx.

Summary

vscode-portfolioOpen is a developer portfolio website with a Visual Studio Code theme. It offers various themes and customizations, allowing users to showcase their projects and articles with a personalized touch. The Next.js framework and Vercel deployment make it easy to get started with this portfolio website.