v4 (Brittany Chiang Portfolio Template)

The dark navy-and-mint developer portfolio that a huge share of "cool personal sites" you've seen are forked from

v4 (Brittany Chiang Portfolio Template)Check v4 (Brittany Chiang Portfolio Template)

Best for: Developers who want a single-page, content-focused resume-style portfolio with a proven, widely-copied visual design, and don't mind editing plain JS data files instead of MDX.
Skip if: You want a template with a blog, MDX content system, or built-in dark/light mode toggle, or you need something actively maintained - this repo has had no commits since mid-2024.

The open-sourced source code behind Brittany Chiang's own personal site: a single-page React/Gatsby portfolio with hero, about, experience, featured-projects, and other-projects sections, styled with styled-components in a distinctive navy/slate palette with a mint-green accent. Content (jobs, projects, misc links) lives in plain JS/data files you edit directly rather than through MDX or a CMS. It's one of the most forked personal-portfolio codebases on GitHub, to the point the author's README explicitly asks forkers to keep attribution.

Pros

One of the most-forked personal portfolio codebases on GitHub, so the design is proven and there's a huge amount of community tutorials and forks to reference
Gatsby's static output makes it cheap and simple to host on Netlify or similar, with fast page loads
Clean single-page structure (hero, about, experience, projects) that maps directly onto a resume, with no unnecessary extra pages to fill in

Cons

No commits since July 2024 - Gatsby itself has since slowed in new-project adoption relative to Next.js/Astro, so you inherit an aging toolchain
No blog or MDX content system - projects and experience are hardcoded into JS data files, not markdown you can edit like posts
No dark/light mode toggle; the navy theme is the only look without a manual restyle