explaingit

karaa1122/devfolio

15TypeScriptAudience · developerComplexity · 3/5LicenseSetup · moderate

TLDR

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
Click or tap to explore — scroll the page freely

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

Things people build with this

USE CASE 1

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

USE CASE 2

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

USE CASE 3

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

USE CASE 4

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

Tech stack

TypeScriptNext.jsNestJSPostgreSQLRedis

Getting it running

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.

In plain English

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.

Copy-paste 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.
Open on GitHub → Explain another repo

← karaa1122 on gitmyhub — every repo by this author, as a profile.

Verify against the repo before relying on details.