gitwtfhub

wtf is devfolio?

karaa1122/devfolio — explained in plain English

Analysis updated 2026-05-18

15TypeScriptAudience · developerComplexity · 3/5LicenseSetup · moderate

TL;DR

An open-source web app for developers to build a portfolio site and ATS-friendly resume in one place, with live preview, GitHub import, six resume templates, and PDF export.

Mindmap

mindmap
  root((DevFolio))
    What it does
      Portfolio builder
      Resume exporter
      GitHub importer
    Features
      Live preview
      ATS mode
      PDF export
      ZIP export
    Tech stack
      Next.js frontend
      NestJS backend
      PostgreSQL
      Redis
    Audience
      Developers
      Job seekers

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

Why would anyone build with this?

REASON 1

Create a public portfolio website with a live preview editor and publish it with a shareable URL.

REASON 2

Export your resume as an ATS-compatible PDF using one-click ATS mode for automated screening software.

REASON 3

Connect your GitHub account to automatically import your repositories as portfolio projects.

REASON 4

Self-host your portfolio and resume as a ZIP file you can deploy on any static hosting service.

What's in the stack?

TypeScriptNext.jsNestJSPostgreSQLRedis

How it stacks up

karaa1122/devfolioaredotna/api-examplesceelog/openweread
Stars151515
LanguageTypeScriptTypeScriptTypeScript
Setup difficultymoderatemoderatemoderate
Complexity3/52/52/5
Audiencedeveloperdeveloperdeveloper

Figures from each repo's GitHub metadata at analysis time.

How do you spin it up?

Difficulty · moderate Time to first run · 1h+

Requires running both Next.js and NestJS servers plus PostgreSQL and Redis before the app is functional.

MIT license, use freely for any purpose including commercial, as long as you keep the copyright notice.

Wtf does this do

DevFolio is a web application that helps developers build and maintain a portfolio website and a resume in one place. You log in, fill in your information, pick a layout, and publish. Your portfolio gets a public URL. Your resume can be exported as a PDF that works with the automated screening software employers use. The whole point is that you do this once and update it in minutes, not hours. The editor shows a live preview as you type: the page you see while editing is exactly what visitors see when they open your public portfolio. You can drag sections around, choose a theme, and write your bio using a text editor that supports basic formatting like bold, italic, and lists. Connect your GitHub account and DevFolio will pull in your repositories as portfolio projects automatically. Under the surface, your portfolio and resume are each stored as a single structured data object (JSON) in the database, not as raw HTML. This means the same data can be rendered in multiple ways: published as a live web page, exported as a self-contained ZIP file you can host anywhere, or converted into a PDF via a headless browser running on the server. Switching to a different visual template does not touch your content at all. The resume export uses a real browser running invisibly on the server to generate the PDF, so the result looks identical to the preview in the editor. There is also a one-click ATS mode that reformats the resume into a single column with a plain font, which helps automated resume parsers read it correctly. Six resume templates are available. DevFolio runs as a monorepo with a Next.js frontend and a NestJS backend, connected to PostgreSQL and Redis. Static portfolio export is handled by a background job queue rather than inline during a page request, so large exports do not block the editor. The repository is open source under the MIT license.

Yoink these prompts

Prompt 1
I'm setting up DevFolio locally. Walk me through the monorepo structure, how the Next.js frontend and NestJS backend connect, and how to run both in development mode.
Prompt 2
Show me how to add a new resume template to DevFolio, what files need to change and how does the template system work?
Prompt 3
I want to customize the PDF export in DevFolio. Explain how the headless browser PDF generation works and where I can change the styling.
Prompt 4
Help me extend DevFolio to add a new portfolio section type such as Open Source Contributions, what schema changes and frontend components are needed?
Prompt 5
How does DevFolio's background job queue handle static portfolio exports? Show me how to monitor job status and add a new export format.

Frequently asked questions

wtf is devfolio?

An open-source web app for developers to build a portfolio site and ATS-friendly resume in one place, with live preview, GitHub import, six resume templates, and PDF export.

What language is devfolio written in?

Mainly TypeScript. The stack also includes TypeScript, Next.js, NestJS.

What license does devfolio use?

MIT license, use freely for any purpose including commercial, as long as you keep the copyright notice.

How hard is devfolio to set up?

Setup difficulty is rated moderate, with roughly 1h+ to a first successful run.

Who is devfolio for?

Mainly developer.

View the repo → Decode another repo

This repo across BitVibe Labs

Don't trust strangers blindly. Verify against the repo.