The short version
A personal website is the highest-leverage thing a student can build, and it is the perfect first Claude Code project: small enough to finish in a weekend, real enough to put on a resume, and it teaches you the whole build-and-ship loop. This guide walks you from an empty folder to a live website at your own URL - one you actually built and understand, not a drag-and-drop template that looks like everyone else's. By the end you will have a portfolio that stands out and, more valuable than the site itself, proof that you can build and ship real things on the internet.
Why this beats a template - and a plain resume
You could spin up a site on a template builder in an hour, so why build one with Claude Code instead? Two reasons. First, every template site looks like every other template site, and a recruiter has seen a thousand of them - a site you built yourself, with the design choices you made, signals something a template never can: that you can actually make things. Second, and this is the part students underrate, the build itself is the credential. Telling an employer you built and deployed your own website is a concrete, verifiable claim that puts you ahead of classmates who only have coursework. The website is your portfolio, but the act of building it is your first real project, and you will reference it in interviews more than anything on it.
It is also the ideal way to learn Claude Code with stakes that are exactly right - low enough that mistakes cost you nothing, real enough that you care about the result. You will touch every part of the loop: describing what you want, watching code get written, running it, fixing what is wrong, and putting it live. That loop is the skill. Once you have done it for a website, you can do it for anything.
What you'll build
A clean, fast personal website live at a real URL: a hero with your name and what you do, an about section, a projects or work section that shows what you have made, and a way to contact you. It looks intentional rather than generic, works on a phone, and loads quickly. Most importantly, it is yours - you can change anything on it by asking Claude, which means it grows with you.
- Claude Code installed and authenticated (free to start)
- A short list of what to include: a sentence about you, two or three projects, your links
- Any images you want - a photo, project screenshots
- A free GitHub account to store the code
- A free hosting account Claude can deploy to in one step
Set it up without overthinking it
Open Claude Code in a new empty folder and tell it, in plain English, that you want to build a personal portfolio website and describe yourself - your name, what you study or do, and the vibe you want (clean and minimal, bold and colourful, whatever feels like you). Ask it to set up a simple website project and show you the result in your browser. Do not worry about choosing a framework or understanding the files yet - let Claude pick something standard and get a first version on screen. Seeing a real webpage appear that you summoned with a sentence is the moment this clicks, and everything after is just refining it.
Build it section by section
The trick to not getting overwhelmed is to build one section at a time and look at it before moving on. Work down the page in order, asking for each piece, checking it in the browser, and adjusting before you continue:
- 1The hero: your name, a one-line description of what you do, and a clear button or link. Get this looking good first - it sets the tone.
- 2About: a short paragraph in your voice. Give Claude the real content and let it format it.
- 3Projects or work: a few cards showing what you have built or studied, each with a short description and a link if you have one.
- 4Contact: your email and links to GitHub, LinkedIn, or wherever you want people to find you.
- 5Polish: ask Claude to make sure it looks good on a phone and loads fast, and to fix anything that feels off.
Make it unmistakably yours
This is where your site stops looking like a template and starts looking like you, and it is the most fun part. Ask Claude to try different colour schemes and fonts until one feels right - you can iterate as many times as you like, which is something no template lets you do freely. Add the small personal touches that make a site memorable: a subtle animation when the page loads, a section about what you are currently learning, a favourite quote, a project you are proud of explained in your own words. Do not aim for what you think looks professional in a generic way; aim for what feels like you, because that is exactly what makes a recruiter remember you. If you do not like something, say so in plain words and Claude will change it. The site is a conversation, not a final answer.
Turn the site into interviews
Once it is live, the site starts working for you. Put the URL at the top of your resume, in your email signature, and on your LinkedIn and GitHub profiles, so anyone who looks you up lands on something you made. In interviews, mention that you built and deployed it yourself with Claude Code - it is a natural, true story that demonstrates initiative and the exact kind of AI-assisted building that employers are now actively looking for. And because the site is yours and editable by conversation, keep it alive: add each new project as you finish it, update what you are learning, and refine the design as your taste grows. A living personal site that improves over your time as a student quietly becomes one of the strongest things you can show, precisely because so few of your peers have one.
Common questions
I have never coded before. Is this really a good first project?
It is one of the best. A personal website is small enough to finish in a weekend, real enough to put on your resume, and it teaches you the entire build-and-ship loop - describing, building, fixing, and going live. Claude Code writes the code while you make the decisions, so you learn by directing a real project rather than memorising syntax.
Why not just use a template website builder?
Template sites look like every other template site, and recruiters have seen thousands. A site you built yourself signals that you can actually make things, and the act of building and deploying it is itself a credential you can talk about in interviews. The build is worth more than the site, and a template skips the build.
Does it cost anything to put my site online?
No. You can build with Claude Code's free tier, store your code on a free GitHub account, and deploy to a free host. Ask Claude Code to deploy it and it walks you through going live at a real URL in minutes, at no cost. The only thing you might pay for later is a custom domain name, which is optional.
How do I keep from getting overwhelmed?
Build one section at a time and look at it in the browser before moving on - hero, about, projects, contact, then polish. Working down the page in small steps that each work keeps you in control and makes progress visible, instead of trying to summon the whole site at once and getting lost in it.
How do I make my site stand out instead of looking generic?
Make it feel like you, not like what you think looks professional. Iterate on colours and fonts until one fits, add personal touches like a what-I'm-learning section or a project explained in your own words, and tell Claude in plain language to change anything you do not like. The personal, specific choices are exactly what makes a recruiter remember you.
How do I actually use the website to get opportunities?
Put the URL on your resume, email signature, LinkedIn, and GitHub so anyone who looks you up lands on something you made, and mention in interviews that you built and deployed it yourself with Claude Code. Keep it alive by adding new projects as you finish them - a living personal site beats a static one, and few of your peers will have either.
Keep going
Build it. Ship it. Get paid.
Step-by-step lessons for builds like this inside the club. Join Claude Code Club for $9/month.