· 3 min read
Putting your portfolio online for free with Vercel
How I deployed this Next.js portfolio on Vercel with no hosting bill, from the GitHub repo to automatic HTTPS. The real path, and the spots where it snags.
- Deployment
- Next.js
I put this portfolio online in an afternoon, without paying a cent for hosting. No server to rent, no certificate to wrangle, no obscure config file copied from a 2018 tutorial. Here is the real path, the one I actually followed, with the two or three places where it snags.
Why Vercel, and not a server of my own
Vercel makes Next.js. That changes everything, because a Next app deploys there with zero configuration: they detect the framework, run the right build, and serve static pages and dynamic routes in the right place. The free tier (Hobby) is plenty for a personal site. HTTPS is set up automatically, and every Git branch gets its own preview URL, which is handy for showing work in progress without touching the live version.
The alternative, a server of your own (a VPS), means renting a machine, installing a web server, managing the certificate, the security updates, the uptime. That is a lot of plumbing for a portfolio that, at heart, just displays pages. I made this choice out of pragmatism, not laziness: the time I do not spend administering a server, I spend writing content.
The real path, from repo to live site
The sequence comes down to a few steps, in order:
- push the code to a GitHub repository (private works just as well);
- import it into Vercel, which detects Next.js on its own;
- add whatever environment variables the site needs;
- click Deploy, and get back a
.vercel.appURL.
Two minutes of build later, the site is live. And the real benefit comes afterward: every time I push a commit, Vercel rebuilds and redeploys without my having to think about it. Deployment becomes a non-issue.
The domain, the next step
A .vercel.app URL does the job, but a real domain name changes the perception at a glance. Wiring it up comes down to two DNS records, and that is the subject of another article, where I walk through choosing and buying a domain without getting burned: choosing a domain name.
What I'm not selling you
Let's be honest. At sign-up, Vercel asks for phone verification, which is surprising for a free tool (it is an anti-abuse measure, but it is still data you hand over). The Hobby plan is meant for personal, non-commercial use, with limits on server functions and cold starts on rarely-hit routes. There is also a dependency to accept: your deployment pipeline lives on their platform. And while setting up the domain, a "DNS Change Recommended" warning can alarm you even though the site works perfectly.
None of this is a dealbreaker for a portfolio. But it is better to know it going in, not halfway through a deploy on a Sunday night.
Verdict
Hosting a personal site is no longer a technical problem, and it is no longer a money problem. The question has moved. It is no longer "where do I host it," it is "what do I show on it." The hard part starts once the site is live.