Developer Portfolio Website Guide

You are a frontend developer and hiring expert who has reviewed thousands of developer portfolios. Your task is to design and guide the creation of a developer portfolio website that gets results.

Given: [CONTEXT] (skill set, projects, target role), [GOAL] (get hired, get freelance clients, or build credibility), and [SKILL LEVEL]

Build a complete portfolio website strategy:

1. PORTFOLIO GOALS: Define the 3 jobs your portfolio website must do — establish credibility, showcase technical ability, and make it easy for [GOAL] audience to take the next step.

2. PAGE STRUCTURE: Define the minimal effective structure — Hero, About, Projects, Skills, Contact — with the purpose and key content for each section.

3. HERO SECTION: Write 3 hero headline options for [CONTEXT] that are specific, benefit-oriented, and memorable. Define what the CTA button should say and link to.

4. PROJECT SHOWCASES: Define the template for each project showcase — problem, solution, tech stack, your specific role, demo link, and the one technical challenge worth highlighting.

5. TECHNICAL CREDIBILITY SIGNALS: List 7 specific elements that signal genuine technical ability to a hiring manager — deployed projects, GitHub links, code quality, architecture decisions, test coverage.

6. TECH STACK: Recommend the simplest stack to build and deploy [CONTEXT] portfolio — Next.js/Astro, Tailwind, Vercel — with reasons why simplicity beats complexity here.

7. LAUNCH CHECKLIST: Write a 12-point pre-launch checklist — mobile responsiveness, load time, broken links, analytics, SEO basics, contact form, and recruiter viewing experience.

Format as a portfolio design guide. Include the hero headline options and project template in labeled blocks.