Turn your GitHub profile into a beautiful developer portfolio in seconds.
Every developer needs a portfolio, but building one from scratch is tedious. Your best work is already on GitHub -- your repos, languages, contributions, and bio tell your story. Devfolio turns that data into a polished portfolio page instantly.
- Instant generation -- Enter a GitHub username, get a portfolio
- 4 color themes -- Midnight, Ocean, Forest, and Sunset
- Auto-populated data -- Repos, languages, stats, and bio from GitHub
- Smart sorting -- Repos sorted by stars, then recent activity
- Language breakdown -- Visual bar chart of your most-used languages
- Responsive design -- Looks great on mobile and desktop
- Permanent URLs -- Each portfolio lives at
/portfolio/username
- Next.js 15 (App Router) + TypeScript
- Tailwind CSS for styling
- GitHub REST API for data
- Deployed on Netlify
- Node.js 18+
- npm
git clone https://github.com/rumizenzz/devfolio.git
cd devfolio
npm install
cp .env.example .env.local
npm run devOpen http://localhost:3000 and enter a GitHub username.
Optionally add a GITHUB_TOKEN in .env.local for higher API rate limits (60/hr without, 5000/hr with).
- Enter any GitHub username
- Devfolio fetches profile data, repos, and language stats via the GitHub API
- A portfolio page is rendered with your data
- Pick a color theme that matches your style
- Share your portfolio URL:
/portfolio/your-username
Hi, I'm rumizenzz. I built Devfolio because every developer needs a portfolio but nobody wants to spend days building one from scratch. Your best work is already on GitHub -- why not just turn that into something beautiful automatically?
I build fast using AI-assisted development tools like Claude Code -- but every architectural decision, every feature, and every deployment is mine. AI helps me move faster, not think less.
MIT -- see LICENSE for details.