Developers
A developer portfolio website that fits on one page
A good developer portfolio website shows two or three projects you can talk about, says what each one does in a sentence, and makes it easy to email you. You can build that on SayHi in an afternoon and publish it free at sayhi.page/yourname.
What to put on a developer portfolio
Most visitors arrive from a GitHub profile, a job application or a conference talk. Give them these, roughly in this order.
- A one-line headlineWhat you build and for whom. “Backend engineer working on payments infrastructure” tells a recruiter more than a list of languages.
- Two to four projectsFor each one: a name, the year, a sentence on the problem it solves, and a link to the live thing or the repo. Use a project block or a GitHub card.
- Your stack, in contextMention the tools inside each project sentence. “Rust CLI that ships as a single binary” says more than a row of logos.
- What you are working on nowA short text block. It dates the page and gives people an easy opening line.
- Talks, writing or open sourceOne or two links, labelled with where they appeared.
- A way to reach youAn email link, a contact form, or both. The form can ask for a company name, which helps when recruiters write.
Example
Example: Alex Chen’s page
Alex is a demo developer who builds a notebook format and the command-line tool around it. His page is short on purpose: a note about what he is building now, two repositories with a sentence each, a conference talk, and a contact form for project enquiries.
A hiring manager can read the whole thing in under a minute and come away knowing what to ask him about. His résumé would be one more link, so the page itself stays about the work.
Common mistakes
These are the habits that make a developer portfolio harder to read.
Listing every repository
Pick the projects you would happily explain in an interview. Everything else is one click away on GitHub.
Skill bars and logo walls
They take up space and prove little. A sentence about what you built with a tool is more convincing.
Projects with no context
A repo name means nothing to a stranger. Add what it does, who uses it, and your part if it was a team effort.
A stale “now” section
If it still mentions a job you left last year, update it or remove it.
GitHub profile or personal page?
GitHub profile
Great for showing code and activity. It has no room to explain why a project exists or what you want to work on next.
Your SayHi page
You choose what a visitor sees first and explain it in your own words. Put the URL in your GitHub website field so the two work together.
Templates that fit
Minimal
Clean type and plenty of space. Alex’s page uses it.
Studio
A darker layout that suits tools, talks and side projects.
Read next: Add your page to GitHub, where the URL goes on your profile and README.
Make your page
Open the example
Start from Alex’s page in the editor. You can try it without an account.
Swap in your projects
Replace his projects with yours, give each one a sentence, and write your own headline.
Publish and link it
Sign in to publish at sayhi.page/yourname, then add the URL to GitHub, your résumé and your email signature.
Questions
Does the GitHub block pull in stars and languages?
No. You write the repository name, description and a short meta line yourself, which keeps the card accurate and lets you describe the project your way.
Can recruiters contact me from the page?
Yes. The Minimal example already has a contact form. It asks for a name, an email, a message, and a company. You can edit the heading and the note above it. You cannot add another contact form, or turn the company and phone fields on or off.
Can I use my own domain?
Custom domains are planned for the Pro plan. For now, pages live at sayhi.page/yourname.
Should a portfolio replace my résumé?
Keep both. The résumé lists your history and the portfolio shows the work. Link the PDF from your page.
Related pages
Personal website builder
One designed page for a personal homepage: bio, work, projects, and a URL.
Portfolio builder
A one-page portfolio: large work, a short bio, and a URL for a bio or an email.
Developer portfolio examples
A developer page studied twice: Minimal type, then the Studio template.
How to build a portfolio
Three to six pieces, a sentence under each, and one URL to share.