finds.dev← search

// the find

drkostas/vscode-portfolio

★ 233 · JavaScript · MIT · updated Apr 2026

VScode Portfolio

A Next.js portfolio template that mimics the VS Code UI — sidebar, tabs, status bar, the works. It's a fork-and-fill-in-your-details project aimed at developers who want a portfolio that looks like their editor. Reasonably popular for what it is.

The VS Code chrome is faithfully reproduced — sidebar icons, tab bar with closeable tabs, bottom status bar, and theme switching (Dracula, Nord, Night Owl, Ayu) are all there and look convincing. Content is decoupled from layout: your data lives in JSON files under pages/api/, so swapping in your own projects or experience doesn't require touching component logic. Dev.to integration pulls articles automatically via API, which saves manual updates. Vercel deploy is one-click since it's already Next.js.

Content is hardcoded in JSON files checked into the repo, so every fork diverges from upstream immediately — there's no CMS, no config file, no separation that would let you pull updates without merge conflicts. The README is four paragraphs and a screenshot; there's no walkthrough of which files to edit or what each page does, so first-timers will spend time reverse-engineering the structure. It hasn't been touched in over a year and still uses the Pages Router with no apparent plans to move to App Router, so it will feel increasingly dated as the Next.js ecosystem moves on. Accessibility is an afterthought — decorative chrome like the fake tab bar and sidebar controls are unlikely to have proper ARIA roles.

View on GitHub → Homepage ↗

// want more like this?

We dig through GitHub every week and send a few repos picked for what you actually care about — each with an honest take like this one.

Get finds in your inbox → Search again →