V
Voomer®
Get Started
Hero image for How To Make Your Portfolio Website In 30 Minutes (with Vercel v0)
• 5 min read

How To Make Your Portfolio Website In 30 Minutes (with Vercel v0)

By David Anderton-Yang

A portfolio is a reusable asset that compounds across every application. Build it once, add the URL to your resume, and it keeps paying dividends.

Introduction

I’m David from Voomer. We help candidates prepare for one-way video interviews with AI-powered feedback. This walkthrough shows how to launch a credible, project-first portfolio quickly using Vercel v0—and how to avoid common time sinks.

Video Walkthrough

 

Why a Portfolio Still Wins

  • Goes beyond LinkedIn and a one-page resume by showing execution and outcomes.
  • Lets reviewers dive into projects, not just titles.
  • Becomes a durable asset you reuse across applications.
Try Voomer - AI-powered video interview practice (Mobile) Try Voomer - Practice video interviews with AI feedback
Try Voomer - AI-powered video interview practice (Desktop) Try Voomer - Practice video interviews with AI feedback

Tooling: Vercel v0

  • What it’s great at: Simple, high-signal sites (portfolios, landing pages).
  • What it’s not: Heavy, complex apps.
  • Speed: A usable scaffold in minutes; publish the same day.

Decide Your Format First

  • Visual-first: Photos, screenshots, short clips. If you lack pro shots, use clean screen captures and simple portraits.
  • Text-first: Writing and case studies (think Lee Robinson style): ideas, shipped work, impact.

Whichever you choose, make projects skimmable with measurable outcomes.

My portfolio that I used to successfully apply to the MIT Media Lab was a mixture of the two.

Seed a Clear Prompt (Copy and paste into v0)

Using Vercel v0 , start with this prompt to get a clean portfolio template that will be your starting point:

Create a personal portfolio to showcase projects, achievements, and hobbies.

Sections:
- Header (name + concise role line)
- About (short bio)
- Projects (grid of cards with image placeholders, tags, and click-through case studies)
- Achievements (same card style)
- Contact (icons for GitHub and LinkedIn only)

Requirements:
- For each project, generate a placeholder case-study page with: Problem, Approach, Outcome (quantified), Tech Stack, Links

Work with v0’s To-Do Mentality

The free tier limits daily chats. Stack your edits in one message instead of piecemeal requests for example you could put all of these request into one:

  • Swap “Experience” → Projects
  • Delete headshot/current-interests sections
  • Add GitHub + LinkedIn only
  • Generate placeholder images
  • Create per-project detail pages

Edit Ruthlessly

  • Features that don’t work due to the AI not being as intelligent as we exepct (e.g., flaky light/dark toggle): remove them.
  • Broken images: generate placeholders now; replace later.
  • Ensure cards click through to case-study pages so your portfolio reviewers can go deeper than a resume allows.

Import Content Quickly

If you don’t have a portfolio doc, paste a simple list per project:

  • Name
  • One-line problem
  • What you built
  • Outcome/impact (metrics)
  • Tech used
  • Date

v0 will be able to translate this into cards and sections.

When your portfolio starts generating interviews, practice with Voomer. Get structured, AI-powered feedback for one-way video interviews so you refine delivery, clarity, and content.

Try Voomer - AI-powered video interview practice (Mobile) Try Voomer - Practice video interviews with AI feedback
Try Voomer - AI-powered video interview practice (Desktop) Try Voomer - Practice video interviews with AI feedback

What Good Looks Like

Home: clear value statement + contact links.
Projects/Achievements: visual cards with tags and click-through case studies.
Case Study template: Problem → Approach → Outcome → Links (repo/demo).
Footer: Important social links and other information.

Here is the final version of my portfolio from v0.

Common Pitfalls and Fast Fixes

  • Dark mode toggle broken: remove it; ship light mode first.
  • 404 images: use descriptive placeholders; replace progressively.
  • Cards don’t open: add a minimal route/page per project.
  • Filler sections: delete anything not earning its space.

Publish, Test, Iterate

  1. Publish to v0’s temporary URL.
  2. Test on mobile; share with a few friends and family.
  3. Link your custom domain when it holds up (owning yourname.com is useful - but other urls that represent you can work as well).
  4. Keep it “living”: add new projects after hackathons, events, and community work.

Final Review Checklist

  • Clear headline: who you are + how you create value.
  • 3–6 best projects with quantified outcomes.
  • Each project has a skimmable detail page.
  • Links work (GitHub, LinkedIn, demos).
  • No broken UI or dead toggles.

Maintenance Routine (30 min/month)

  • Add or update one project with fresh outcomes.

Next Step: Interview Prep

When your portfolio starts generating interviews, practice with Voomer. Get structured, AI-powered feedback for one-way video interviews so you refine delivery, clarity, and content.