Portfolio Website Checklist

Define target audience and goals

Decide who you want to attract and what action you want them to take.

Choose website stack (Next.js, Astro, Framer)

Pick based on interactivity, build speed, and hosting preferences.

Compare Next.js for SSR/SSG needs

Good for React-based apps, hybrid rendering, and Vercel integration.

Compare Astro for content-first speed

Great for static sites and minimal client JS to boost performance.

Compare Framer for visual design-first builds

Useful if you want high-fidelity design iteration and animations.

Plan site structure and navigation

Include Home, About, Projects, Case Studies, Skills, Contact, and Blog as needed.

Create a case study template

Include role, timeline, problem, process, solution, and measurable outcome.

Write each project description with problem/solution/outcome

Highlight your role, decisions, and measurable results or learnings.

Add a skills section with context

List technologies, proficiency, and link to projects that use them.

Set up contact form and test submissions

Verify email delivery, add spam protection, and test mobile/desktop forms.

Buy and configure a custom domain and HTTPS

Use a custom domain, set DNS, and enable SSL for trust and SEO.

Implement basic SEO metadata

Add unique titles, meta descriptions, and Open Graph tags for sharing.

Run a performance audit and optimize

Use Lighthouse; optimize images, fonts, and reduce JS to improve LCP and CLS.

Add analytics and privacy settings

Install GA4 or a privacy-first analytics tool and add a privacy notice.

Deploy to hosting and verify live site

Use Vercel, Netlify, or Pages; check build logs and preview URLs before DNS switch.